diff --git a/micro-ui/web/micro-ui-internals/packages/css/package.json b/micro-ui/web/micro-ui-internals/packages/css/package.json
index 2632d93bf49..5f44a0abe9d 100644
--- a/micro-ui/web/micro-ui-internals/packages/css/package.json
+++ b/micro-ui/web/micro-ui-internals/packages/css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-css",
-  "version": "1.8.2-beta.37",
+  "version": "1.8.2-beta.38",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <jagan.kumar@egov.org.in>",
diff --git a/micro-ui/web/micro-ui-internals/packages/css/src/components/inboxv2/InboxLinks.scss b/micro-ui/web/micro-ui-internals/packages/css/src/components/inboxv2/InboxLinks.scss
index 7549fe0b3d9..681fca26f14 100644
--- a/micro-ui/web/micro-ui-internals/packages/css/src/components/inboxv2/InboxLinks.scss
+++ b/micro-ui/web/micro-ui-internals/packages/css/src/components/inboxv2/InboxLinks.scss
@@ -16,7 +16,7 @@
             align-items: center;
             justify-content: flex-start;
             .inbox-search-icon--projects {
-                fill : #f47738;
+                fill : theme(colors.primary.main);
                 height: 2rem;
                 width: 2rem;
             }
@@ -52,7 +52,7 @@
             @extend .light-primary;
             padding: 8px;
             --text-opacity: 1;
-            color: #f47738;
+            color: theme(colors.primary.main);
             color: rgba(244, 119, 56, var(--text-opacity));
         }
     }
diff --git a/micro-ui/web/micro-ui-internals/packages/css/src/components/inboxv2/inboxSearchComposer.scss b/micro-ui/web/micro-ui-internals/packages/css/src/components/inboxv2/inboxSearchComposer.scss
index 7fb3189a27b..4269a3e4a7e 100644
--- a/micro-ui/web/micro-ui-internals/packages/css/src/components/inboxv2/inboxSearchComposer.scss
+++ b/micro-ui/web/micro-ui-internals/packages/css/src/components/inboxv2/inboxSearchComposer.scss
@@ -32,10 +32,10 @@
                         @extend .light-text-color-primary;
                     }
                     .inbox-links-icon{
-                        color:#f47738;
-                        fill:#f47738;
+                        color:theme(colors.primary.main);
+                        fill:theme(colors.primary.main);
                         path{
-                            fill:#f47738;
+                            fill:theme(colors.primary.main);
                         }
                     }
                 }
@@ -88,7 +88,7 @@
                 }
                 &.links {
                     height: 100%;
-                    color : #f47738;
+                    color : theme(colors.primary.main);
                     .inbox-search-links-component {
                         height: 100% !important;
                         width: 100%;
diff --git a/micro-ui/web/micro-ui-internals/packages/css/src/components/navbar.scss b/micro-ui/web/micro-ui-internals/packages/css/src/components/navbar.scss
index 1074ce0a3ef..1b0ae7cb72c 100644
--- a/micro-ui/web/micro-ui-internals/packages/css/src/components/navbar.scss
+++ b/micro-ui/web/micro-ui-internals/packages/css/src/components/navbar.scss
@@ -50,6 +50,9 @@
     }
     &.name-Profile {
       .label-text {
+        padding: 0 1rem;
+        word-break: break-word;
+        margin-bottom: 0.5rem;
         letter-spacing: 0.6px;
         font-weight: 700;
         font-size: 18px;
diff --git a/micro-ui/web/micro-ui-internals/packages/css/src/digitv2/pages/employee/workbench.scss b/micro-ui/web/micro-ui-internals/packages/css/src/digitv2/pages/employee/workbench.scss
index af97f529369..8af10232ef1 100644
--- a/micro-ui/web/micro-ui-internals/packages/css/src/digitv2/pages/employee/workbench.scss
+++ b/micro-ui/web/micro-ui-internals/packages/css/src/digitv2/pages/employee/workbench.scss
@@ -598,12 +598,12 @@
 
     .browse-text {
       text-decoration: none;
-      color: #F47738;
+      color: theme(colors.primary.main);
       transition: color 0.3s;
     }
 
     .browse-text:hover {
-      color: #F47738;
+      color: theme(colors.primary.main);
       text-decoration: underline;
       cursor: pointer;
     }
@@ -779,7 +779,7 @@ button:hover {
   width: 100%;
   height: 2.5rem;
   --border-opacity: 1;
-  border: 1px solid #f47738;
+  border: 1px solid theme(colors.primary.main);
   border-color: rgba(244, 119, 56, var(--border-opacity));
 }
 
@@ -802,7 +802,7 @@ button:hover {
 
     .add-new {
       position: relative;
-      color: #F47738;
+      color: theme(colors.primary.main);
       cursor: pointer;
       margin-right: 1em;
       font-weight: bolder;
@@ -849,7 +849,7 @@ button:hover {
 
   .view-all-link {
     background-color: #bdc5d1;
-    color: #f47738;
+    color: theme(colors.primary.main);
     font-size: 16px;
     text-decoration: underline;
     cursor: pointer;
diff --git a/micro-ui/web/micro-ui-internals/packages/css/src/index.scss b/micro-ui/web/micro-ui-internals/packages/css/src/index.scss
index 7b3c81ce0f7..d8da710e734 100644
--- a/micro-ui/web/micro-ui-internals/packages/css/src/index.scss
+++ b/micro-ui/web/micro-ui-internals/packages/css/src/index.scss
@@ -130,7 +130,7 @@
     h4{
       margin:0px !important;
     }
-    color:#f47738;
+    color:theme(colors.primary.main);
     display: flex !important;
     align-items: center;
     svg {
diff --git a/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/inbox.scss b/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/inbox.scss
index 1d193dca78d..d0b33db7645 100644
--- a/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/inbox.scss
+++ b/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/inbox.scss
@@ -546,7 +546,7 @@
     padding: 10px 35px;
     color: rgb(244, 119, 56);
     background-color: #fff;
-    border: 1px solid #f47738;
+    border: 1px solid theme(colors.primary.main);
     border-radius: 0.5rem 0.5rem 0 0;
     border-bottom: 4px solid rgb(244, 119, 56);
     font-weight: 700;
diff --git a/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/index.scss b/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/index.scss
index c76a71348b2..00dd68bb457 100644
--- a/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/index.scss
+++ b/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/index.scss
@@ -383,6 +383,21 @@
       }
     }
   }
+  .digit-dropdown-employee-select-wrap.language-dropdown{
+    .header-dropdown-label{
+      .cp{
+        color: #fff
+      }
+      .header-dropdown-arrow{
+        path{
+          fill: #fff;
+        }
+      }
+    }
+    .header-dropdown-menu{
+      right: 1rem;
+    }
+  }
   .select-wrap {
     margin-bottom: unset;
     svg {
diff --git a/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/sandbox.scss b/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/sandbox.scss
index 69e26e65f80..52a419fe672 100644
--- a/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/sandbox.scss
+++ b/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/sandbox.scss
@@ -43,7 +43,7 @@
   }
   tbody {
     tr:hover {
-      background: rgba(#f47738, 0.12);
+      background: rgba(theme(colors.primary.main), 0.12);
     }
   }
 }
@@ -143,7 +143,7 @@
       align-self: flex-end;
       margin-top: 3rem;
       width: 100%;
-      background-color: #c84c0e;
+      background-color: theme(colors.primary.main);
     }
 
     .bannerHeader {
@@ -302,7 +302,7 @@
 }
 
 .submit-bar {
-  background-color: #c84c0e;
+  background-color: theme(colors.primary.main);
 }
 
 .digit-employee-card.card-sandbox {
@@ -534,7 +534,7 @@ digit-card-text.center {
   }
 }
 .quickLink {
-  color: #c84c0e;
+  color: theme(colors.primary.main);
   text-decoration: none;
   font-weight: 700;
   font-size: 1.5rem;
diff --git a/micro-ui/web/micro-ui-internals/packages/css/svg/check.svg b/micro-ui/web/micro-ui-internals/packages/css/svg/check.svg
index 88018af3276..c3643141d9f 100644
--- a/micro-ui/web/micro-ui-internals/packages/css/svg/check.svg
+++ b/micro-ui/web/micro-ui-internals/packages/css/svg/check.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#F47738" >
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#c84c0e" >
     <path d="M0 0h24v24H0z" fill="none"/>
     <path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/>
 </svg>
\ No newline at end of file
diff --git a/micro-ui/web/micro-ui-internals/packages/css/svg/starempty.svg b/micro-ui/web/micro-ui-internals/packages/css/svg/starempty.svg
index 8d295e7219b..2016823606f 100644
--- a/micro-ui/web/micro-ui-internals/packages/css/svg/starempty.svg
+++ b/micro-ui/web/micro-ui-internals/packages/css/svg/starempty.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#F47738" width="48px" height="48px">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#c84c0e" width="48px" height="48px">
     <path d="M0 0h24v24H0V0z" fill="none"/>
     <path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"/>
 </svg>
\ No newline at end of file
diff --git a/micro-ui/web/micro-ui-internals/packages/css/svg/starfilled.svg b/micro-ui/web/micro-ui-internals/packages/css/svg/starfilled.svg
index 23481e8ccb2..e89b448a158 100644
--- a/micro-ui/web/micro-ui-internals/packages/css/svg/starfilled.svg
+++ b/micro-ui/web/micro-ui-internals/packages/css/svg/starfilled.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" enableBackground="new 0 0 24 24" viewBox="0 0 24 24" fill="#F47738" width="48px" height="48px" >
+<svg xmlns="http://www.w3.org/2000/svg" enableBackground="new 0 0 24 24" viewBox="0 0 24 24" fill="#c84c0e" width="48px" height="48px" >
     <g><path d="M0,0h24v24H0V0z" fill="none"/>
     <path d="M0,0h24v24H0V0z" fill="none"/></g>
     <g><path d="M12,17.27L18.18,21l-1.64-7.03L22,9.24l-7.19-0.61L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27z"/></g>
diff --git a/micro-ui/web/micro-ui-internals/packages/css/tailwind.config.js b/micro-ui/web/micro-ui-internals/packages/css/tailwind.config.js
index 1e256ad26df..8d23d23c00e 100644
--- a/micro-ui/web/micro-ui-internals/packages/css/tailwind.config.js
+++ b/micro-ui/web/micro-ui-internals/packages/css/tailwind.config.js
@@ -93,7 +93,7 @@ module.exports = {
     },
     boxShadow: {
       card: "0 1px 2px 0 rgba(0, 0, 0, 0.16)",
-      radiobtn: "0 0 0 5px #F47738",
+      radiobtn: "0 0 0 5px #c84c0e",
     },
     inset: {
       0: 0,
diff --git a/micro-ui/web/micro-ui-internals/packages/libraries/src/utils/pdf.js b/micro-ui/web/micro-ui-internals/packages/libraries/src/utils/pdf.js
index 5b7442d1482..27bc1d8069f 100644
--- a/micro-ui/web/micro-ui-internals/packages/libraries/src/utils/pdf.js
+++ b/micro-ui/web/micro-ui-internals/packages/libraries/src/utils/pdf.js
@@ -249,7 +249,7 @@ const createBodyContentBillAmend = (table,t) => {
   let bodyData = []
   bodyData.push({
     text: t(table?.title),
-    color: "#F47738",
+    color: "#c84c0e",
     style: "header",
     fontSize: 14,
     bold: true,
@@ -259,9 +259,9 @@ const createBodyContentBillAmend = (table,t) => {
     layout:{
       fillColor:function(rowIndex,node,columnIndex){
         if(rowIndex === (table?.tableRows?.length)) {
-          return "#F47738"
+          return "#c84c0e"
         }
-        return (rowIndex % 2 === 0) ? "#F47738" : null; 
+        return (rowIndex % 2 === 0) ? "#c84c0e" : null; 
       },
       fillOpacity:function(rowIndex,node,columnIndex) {
         if (rowIndex === (table?.tableRows?.length)) {
@@ -351,7 +351,7 @@ const createHeaderBillAmend = (headerDetails, logo, tenantId,t) => {
             fontSize: 16,
             alignment: "right",
             margin: [-40, 10, 2, 0],
-            color: "#F47738"
+            color: "#c84c0e"
           }
         ],
         [
@@ -371,7 +371,7 @@ const createHeaderBillAmend = (headerDetails, logo, tenantId,t) => {
             fontSize: 16,
             margin: [0, -45, 10, 0],
             alignment: "right",
-            color: "#F47738"
+            color: "#c84c0e"
           }
         ],
         [
@@ -518,7 +518,7 @@ const createBodyContent = (details) => {
             [
               {
                 text: table?.title,
-                color: "#F47738",
+                color: "#c84c0e",
                 style: "header",
                 fontSize: 14,
                 bold: true
@@ -542,7 +542,7 @@ const createBodyContent = (details) => {
           table?.title?.map(t=>{ 
             return {
             text:t,
-            color: "#F47738",
+            color: "#c84c0e",
             style: "header",
             fontSize: 14,
             bold: true,
@@ -588,7 +588,7 @@ function createContentDetails(details) {
             [
               {
                 text: detail?.title,
-                color: "#F47738",
+                color: "#c84c0e",
                 style: "header",
                 fontSize: 14,
                 bold: true
@@ -669,7 +669,7 @@ function createHeader(headerDetails,logo,tenantId) {
             fontSize: 16,
             alignment: "right",
             margin: [-40, 10, 2, 0],
-            color: "#F47738"
+            color: "#c84c0e"
           }
         ],
         [
@@ -689,7 +689,7 @@ function createHeader(headerDetails,logo,tenantId) {
             fontSize: 16,
             margin: [0, -50, 10, 0],
             alignment: "right",
-            color: "#F47738"
+            color: "#c84c0e"
           }
         ],
         [
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/citizen/Home/UserProfile.js b/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/citizen/Home/UserProfile.js
index 3773e720aaa..89978940005 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/citizen/Home/UserProfile.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/citizen/Home/UserProfile.js
@@ -624,7 +624,7 @@ const UserProfile = ({ stateCode, userType, cityDetails }) => {
                 onClick={updateProfile}
                 style={{
                   marginTop: "24px",
-                  backgroundColor: "#F47738",
+                  backgroundColor: "#c84c0e",
                   width: "100%",
                   height: "40px",
                   color: "white",
@@ -881,7 +881,7 @@ const UserProfile = ({ stateCode, userType, cityDetails }) => {
                   onClick={updateProfile}
                   style={{
                     marginTop: "24px",
-                    backgroundColor: "#F47738",
+                    backgroundColor: "#c84c0e",
                     width: "100%",
                     height: "40px",
                     color: "white",
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/dss/src/components/CustomHorizontalBarChart.js b/micro-ui/web/micro-ui-internals/packages/modules/dss/src/components/CustomHorizontalBarChart.js
index f418d6352d6..41fbb277998 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/dss/src/components/CustomHorizontalBarChart.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/dss/src/components/CustomHorizontalBarChart.js
@@ -7,7 +7,7 @@ import FilterContext from "./FilterContext";
 import NoData from "./NoData";
 
 const barColors = ["#048BD0", "#FBC02D", "#8E29BF", "#EA8A3B", "#0BABDE" , "#6E8459", "#D4351C","#0CF7E4","#F80BF4","#22F80B"]
-const barColorsv2 = ["#048BD0","#5AD8A6","#F47738","#FBC02D","#2DD6FB"]
+const barColorsv2 = ["#048BD0","#5AD8A6","#c84c0e","#FBC02D","#2DD6FB"]
 
 const renderPlot = (plot,key,denomination) => {
   const plotValue = key?plot?.[key]:plot?.value || 0;
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/dss/src/components/CustomTable.js b/micro-ui/web/micro-ui-internals/packages/modules/dss/src/components/CustomTable.js
index b9ebb4fdb26..a0f7d5ba415 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/dss/src/components/CustomTable.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/dss/src/components/CustomTable.js
@@ -324,7 +324,7 @@ const CustomTable = ({ data = {}, onSearch, setChartData, setChartDenomination }
           if (response?.responseData?.drillDownChartId !== "none" && filter !== undefined) {
             return (
               <span
-                style={{ color: "#F47738", cursor: "pointer" }}
+                style={{ color: "#c84c0e", cursor: "pointer" }}
                 onClick={() =>
                   getDrilldownCharts(
                     cellValue?.includes("DSS_TB_")?row?.original?.key:cellValue,
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/dss/src/components/MapChart.js b/micro-ui/web/micro-ui-internals/packages/modules/dss/src/components/MapChart.js
index f3635878a15..d2599cd2cfc 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/dss/src/components/MapChart.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/dss/src/components/MapChart.js
@@ -14,7 +14,7 @@ import { format } from "date-fns";
 const PROJECTION_CONFIG = { scale: 320, center: [85.9629, 22.5937] };
 
 // Red Variants
-const COLOR_RANGE = ["#54D140", "#298CFF", "#F47738", "#D1D1D1"];
+const COLOR_RANGE = ["#54D140", "#298CFF", "#c84c0e", "#D1D1D1"];
 
 const STATUS = ["Live", "UnderImplementation", "OnBoarded", "None"];
 const DEFAULT_COLOR = "#D1D1D1";
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/dss/src/images/Arrow_Right.svg b/micro-ui/web/micro-ui-internals/packages/modules/dss/src/images/Arrow_Right.svg
index c7017054f32..4f68dc487a4 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/dss/src/images/Arrow_Right.svg
+++ b/micro-ui/web/micro-ui-internals/packages/modules/dss/src/images/Arrow_Right.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z" fill="#F47738"/>
+<path d="M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z" fill="#c84c0e"/>
 </svg>
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/dss/src/images/dashboards.svg b/micro-ui/web/micro-ui-internals/packages/modules/dss/src/images/dashboards.svg
index 9cf3c33b1dd..d4b50b8c762 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/dss/src/images/dashboards.svg
+++ b/micro-ui/web/micro-ui-internals/packages/modules/dss/src/images/dashboards.svg
@@ -1,6 +1,6 @@
 <svg width="64" height="64" viewBox="0 0 64 54" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g filter="url(#filter0_d_28723_79449)">
-<path d="M4 4C4 1.79086 5.79086 0 8 0H56C58.2091 0 60 1.79086 60 4V52C60 54.2091 58.2091 56 56 56H8C5.79086 56 4 54.2091 4 52V4Z" fill="#F47738"/>
+<path d="M4 4C4 1.79086 5.79086 0 8 0H56C58.2091 0 60 1.79086 60 4V52C60 54.2091 58.2091 56 56 56H8C5.79086 56 4 54.2091 4 52V4Z" fill="#c84c0e"/>
 <path d="M48.3333 7H15.6667C13.1 7 11 9.1 11 11.6667V44.3333C11 46.9 13.1 49 15.6667 49H48.3333C50.9 49 53 46.9 53 44.3333V11.6667C53 9.1 50.9 7 48.3333 7ZM25 39.6667H20.3333V23.3333H25V39.6667ZM34.3333 39.6667H29.6667V16.3333H34.3333V39.6667ZM43.6667 39.6667H39V30.3333H43.6667V39.6667Z" fill="white"/>
 </g>
 <defs>
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/dss/src/pages/Home.js b/micro-ui/web/micro-ui-internals/packages/modules/dss/src/pages/Home.js
index 077c60d55db..4ab4a40a3fd 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/dss/src/pages/Home.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/dss/src/pages/Home.js
@@ -463,7 +463,7 @@ const Home = ({ stateCode }) => {
                             style={{
                               float: "right",
                               textAlign: "right",
-                              color: "#F47738",
+                              color: "#c84c0e",
                               fontSize: 16,
                               fontWeight: "bold",
                               display: "flex",
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/hrms/src/pages/Response.js b/micro-ui/web/micro-ui-internals/packages/modules/hrms/src/pages/Response.js
index d0ad6fa0a98..0dcbdf84ea0 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/hrms/src/pages/Response.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/hrms/src/pages/Response.js
@@ -147,7 +147,7 @@ const Response = () => {
   const children = (
     <div style={buttonStyle?.wrapper}>
       <LinkLabel style={buttonStyle?.linkLabel} onClick={() => navigate("home")}>
-        <ArrowLeftWhite fill="#F47738" style={buttonStyle?.arrow} />
+        <ArrowLeftWhite fill="#c84c0e" style={buttonStyle?.arrow} />
         {t("CORE_COMMON_GO_TO_HOME")}
       </LinkLabel>
     </div>
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/sandbox/src/pages/employee/SandboxResponse.js b/micro-ui/web/micro-ui-internals/packages/modules/sandbox/src/pages/employee/SandboxResponse.js
index eeb792feb0f..6d8c75204c4 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/sandbox/src/pages/employee/SandboxResponse.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/sandbox/src/pages/employee/SandboxResponse.js
@@ -30,7 +30,7 @@ const Response = () => {
   const children = (
     <div style={buttonStyle?.wrapper}>
       <LinkLabel style={buttonStyle?.linkLabel} onClick={() => navigate("home")}>
-        <ArrowLeftWhite fill="#F47738" style={buttonStyle?.arrow} />
+        <ArrowLeftWhite fill="#c84c0e" style={buttonStyle?.arrow} />
         {t("CORE_COMMON_GO_TO_HOME")}
       </LinkLabel>
     </div>
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/utilities/src/pages/employee/DocViewer.js b/micro-ui/web/micro-ui-internals/packages/modules/utilities/src/pages/employee/DocViewer.js
index 77cd09922e6..13af40a3b26 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/utilities/src/pages/employee/DocViewer.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/utilities/src/pages/employee/DocViewer.js
@@ -55,7 +55,7 @@ const DocViewerWrapper = (props) => {
           <Label>Uploaded File</Label>
           <DocViewer
             theme={{
-              primary: "#F47738",
+              primary: "#c84c0e",
               secondary: "#feefe7",
               tertiary: "#feefe7",
               textPrimary: "#0B0C0C",
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/components/LevelCards.js b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/components/LevelCards.js
index e9a2c7beca0..b6f36bb276e 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/components/LevelCards.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/components/LevelCards.js
@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { Card, Button, TextInput, SVG, LabelFieldPair, Close, Toast, CardLabel, DeleteIconv2 , AddFilled } from "@egovernments/digit-ui-react-components";
+import { COLOR_FILL } from "../utils/contants";
 
 const LevelCards = ({ onSelect, formData, props }) => {
   const { t } = useTranslation();
@@ -69,7 +70,7 @@ const LevelCards = ({ onSelect, formData, props }) => {
               label={`${t("DELETE_LEVEL")}`}
               type="button"
               className="CloseLevelButton"
-              icon={<DeleteIconv2 styles={{ height: "1.5rem", width: "1.5rem" }} fill="#F47738" />}
+              icon={<DeleteIconv2 styles={{ height: "1.5rem", width: "1.5rem" }} fill={COLOR_FILL} />}
               onButtonClick={() => handleDeleteRowDetails(index)} 
               style={{ fontSize: "1rem" }}
             />
@@ -84,7 +85,7 @@ const LevelCards = ({ onSelect, formData, props }) => {
           label={`${t("WBH_ADD_LEVEL")}`}
           type="button"
           className="workbench-add-row-detail-btn"
-          icon={<AddFilled style={{ height: "1.8rem", width: "1.8rem"}} fill="#F47738" />}
+          icon={<AddFilled style={{ height: "1.8rem", width: "1.8rem"}} fill={COLOR_FILL} />}
           onButtonClick={handleCreateNewLevelDetails}
           style={{ fontSize: "1rem" }}
         />
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/components/MultiSelect.js b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/components/MultiSelect.js
index 50fcb002490..7a28413cab3 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/components/MultiSelect.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/components/MultiSelect.js
@@ -4,19 +4,20 @@ import { useTranslation } from "react-i18next";
 import { useHistory } from "react-router-dom";
 import { Loader, InfoBannerIcon, Button, Close } from "@egovernments/digit-ui-react-components";
 import MDMSSearchv2Popup from "../pages/employee/MDMSSearchv2Popup";
+import { COLOR_FILL } from "../utils/contants";
 
 const customStyles = {
   control: (provided, state) => ({
     ...provided,
-    borderColor: state.isFocused ? "#f47738" : "#505a5f",
+    borderColor: state.isFocused ? "#c84c0e" : "#505a5f",
     borderRadius: "unset",
     "&:hover": {
-      borderColor: "#f47738",
+      borderColor: "#c84c0e",
     },
   }),
   option: (provided, state) => ({
     ...provided,
-    backgroundColor: state.isSelected ? "#f47738" : "white", // Background color for selected options
+    backgroundColor: state.isSelected ? "#c84c0e" : "white", // Background color for selected options
     color: state.isSelected ? "white" : "black", // Text color for selected options
     "&:hover": {
       backgroundColor: "#ffe6cc", // Very light orange background color on hover
@@ -163,7 +164,7 @@ const CustomSelectWidget = (props) => {
             style={{ cursor: "pointer" }}
             onClick={handleInfoBannerClick} // Add the click event handler
           >
-            <InfoBannerIcon fill={"#f47738"} style={{ marginLeft: "10px" }} />
+            <InfoBannerIcon fill={"#c84c0e"} style={{ marginLeft: "10px" }} />
           </span> */}
         </div>
       </components.Option>
@@ -198,7 +199,7 @@ const CustomSelectWidget = (props) => {
         >
           {(selectedDetails && selectedDetails.length > 0 && data) && (
             <span >
-              <InfoBannerIcon fill={"#f47738"} />
+              <InfoBannerIcon fill={COLOR_FILL} />
             </span>
           )}
 
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/components/MultiSelectV2.js b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/components/MultiSelectV2.js
index bd8e7accebd..f6bcaa2a0ab 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/components/MultiSelectV2.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/components/MultiSelectV2.js
@@ -7,10 +7,10 @@ import _ from "lodash";
 const customStyles = {
   control: (provided, state) => ({
     ...provided,
-    borderColor: state.isFocused ? "#f47738" : "#505a5f",
+    borderColor: state.isFocused ? "#c84c0e" : "#505a5f",
     borderRadius: "unset",
     "&:hover": {
-      borderColor: "#f47738",
+      borderColor: "#c84c0e",
     },
   }),
 };
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/BoundaryUploadPure.js b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/BoundaryUploadPure.js
index 20f14ce1ac8..f3d5ab2e7d2 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/BoundaryUploadPure.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/BoundaryUploadPure.js
@@ -7,6 +7,7 @@ import { Button } from "@egovernments/digit-ui-react-components";
 import GenerateXlsx from "../../components/GenerateXlsx";
 import { useHistory } from "react-router-dom";
 import { Toast } from "@egovernments/digit-ui-components";
+import { COLOR_FILL } from "../../utils/contants";
 
 const UploadBoundaryPure = () => {
   const { t } = useTranslation();
@@ -350,7 +351,7 @@ const UploadBoundaryPure = () => {
           <Button
             label={t("WBH_CREATE_HIERARCHY")}
             variation="secondary"
-            icon={<DownloadIcon styles={{ height: ".692rem", width: ".692rem" }} fill="#F47738" />}
+            icon={<DownloadIcon styles={{ height: ".692rem", width: ".692rem" }} fill={COLOR_FILL} />}
             type="button"
             className="workbench-download-template-btn"
             onButtonClick={handleCreateNewHierarchyType}
@@ -364,7 +365,7 @@ const UploadBoundaryPure = () => {
           <Button
             label={t("WBH_DOWNLOAD_TEMPLATE")}
             variation="secondary"
-            icon={<DownloadIcon styles={{ height: "1.25rem", width: "1.25rem" }} fill="#F47738" />}
+            icon={<DownloadIcon styles={{ height: "1.25rem", width: "1.25rem" }} fill={COLOR_FILL} />}
             type="button"
             className="workbench-download-template-btn"
             isDisabled={!selectedValue}
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/LocalisationAdd.js b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/LocalisationAdd.js
index ad6081e8598..d6f54388d84 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/LocalisationAdd.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/LocalisationAdd.js
@@ -24,6 +24,7 @@ import { useTranslation } from "react-i18next";
 import reducer, { intialState } from "../../utils/LocAddReducer";
 // import sampleFile from "../../utils/file.xlsx"
 import GenerateXlsx from "../../components/GenerateXlsx";
+import { COLOR_FILL } from "../../utils/contants";
 
 const langDropdownConfig = {
   label: "WBH_LOC_LANG",
@@ -305,7 +306,7 @@ const LocalisationAdd = () => {
         Cell: ({ value, col, row, ...rest }) => {
           return (
             <span onClick={() => handleDeleteRow({ row, value, col })} className="icon-wrapper">
-              <DeleteIconv2 fill={"#F47738"} />
+              <DeleteIconv2 fill={COLOR_FILL} />
             </span>
           );
         },
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/MDMSAddV2.js b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/MDMSAddV2.js
index f8649a27f06..af26816e77d 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/MDMSAddV2.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/MDMSAddV2.js
@@ -88,7 +88,7 @@ const MDMSAdd = ({ defaultFormData, updatesToUISchema, screenType = "add", onVie
 
   const gotoView = () => { 
     setTimeout(() => {
-      history.push(`/${window?.contextPath}/employee/workbench/mdms-view?moduleName=${moduleName}&masterName=${masterName}${from ? `&from=${from}` : ""}`)
+      history.push(`/${window?.contextPath}/employee/workbench/mdms-search-v2?moduleName=${moduleName}&masterName=${masterName}${from ? `&from=${from}` : ""}`)
     }, 2000);
   }
 
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/UploadBoundary.js b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/UploadBoundary.js
index d19ed745ddd..44cfd730eca 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/UploadBoundary.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/UploadBoundary.js
@@ -5,6 +5,7 @@ import BulkUpload from "../../components/BulkUpload";
 import GenerateXlsx from "../../components/GenerateXlsx";
 import { useHistory } from "react-router-dom";
 import XLSX from "xlsx";
+import { COLOR_FILL } from "../../utils/contants";
 
 const UploadBoundary = () => {
   const { t } = useTranslation();
@@ -211,7 +212,7 @@ const UploadBoundary = () => {
           <Button
             label={t("WBH_CREATE_HIERARCHY")}
             variation="secondary"
-            icon={<DownloadIcon styles={{ height: ".692rem", width: ".692rem" }} fill="#F47738" />}
+            icon={<DownloadIcon styles={{ height: ".692rem", width: ".692rem" }} fill={COLOR_FILL} />}
             type="button"
             className="workbench-download-template-btn"
             onButtonClick={handleCreateNewHierarchyType}
@@ -225,7 +226,7 @@ const UploadBoundary = () => {
           <Button
             label={t("WBH_DOWNLOAD_TEMPLATE")}
             variation="secondary"
-            icon={<DownloadIcon styles={{ height: "1.25rem", width: "1.25rem" }} fill="#F47738" />}
+            icon={<DownloadIcon styles={{ height: "1.25rem", width: "1.25rem" }} fill={COLOR_FILL} />}
             type="button"
             className="workbench-download-template-btn"
             isDisabled={!selectedValue}
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/index.js b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/index.js
index d345963aa9e..c6c6ad13de0 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/index.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/pages/employee/index.js
@@ -47,7 +47,7 @@ const WorkbenchBreadCrumb = ({ location, defaultPath }) => {
     {
       path: pathVar !== "mdms-search-v2" ? `/${window.contextPath}/employee/workbench/mdms-search-v2` : null,
       query: from
-        ? `moduleName=${moduleName}&masterName=${masterName}&from=${from}&screen=${screen}&action=${action}`
+        ? `moduleName=${moduleName}&masterName=${masterName}&from=${from}`
         : `moduleName=${moduleName}&masterName=${masterName}`,
       content: t(`${Digit.Utils.workbench.getMDMSLabel(pathVar, masterName, moduleName)}`),
       show: masterName && moduleName ? true : false,
@@ -58,7 +58,7 @@ const WorkbenchBreadCrumb = ({ location, defaultPath }) => {
       content: t(`MDMS_VIEW`),
       show: pathVar.includes("mdms-edit") ? true : false,
       query: from
-        ? `moduleName=${moduleName}&masterName=${masterName}&uniqueIdentifier=${uniqueIdentifier}&from=${from}&screen=${screen}&action=${action}`
+        ? `moduleName=${moduleName}&masterName=${masterName}&uniqueIdentifier=${uniqueIdentifier}&from=${from}`
         : `moduleName=${moduleName}&masterName=${masterName}&uniqueIdentifier=${uniqueIdentifier}`,
     },
     {
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/utils/contants.js b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/utils/contants.js
new file mode 100644
index 00000000000..b4831a09c6b
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/modules/workbench/src/utils/contants.js
@@ -0,0 +1 @@
+export const COLOR_FILL = "#c84c0e";
\ No newline at end of file
diff --git a/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/EmployeeModuleCard.js b/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/EmployeeModuleCard.js
index 56058285a59..de1264d8e77 100644
--- a/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/EmployeeModuleCard.js
+++ b/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/EmployeeModuleCard.js
@@ -1,6 +1,7 @@
 import React, { Fragment } from "react";
 import { ArrowRightInbox } from "./svgindex";
 import { useHistory, useLocation, Link } from "react-router-dom";
+import { COLOR_FILL } from "./contants";
 
 
 const EmployeeModuleCard = ({ Icon, moduleName, kpis = [], links = [], isCitizen = false, className, styles, longModuleName=false }) => {
@@ -75,7 +76,7 @@ const ModuleCardFullWidth = ({ moduleName, links = [], isCitizen = false, classN
             <a href={subHeaderLink}>
               <span
                 className={"inbox-total"}
-                style={{ display: "flex", alignItems: "center", color: "#F47738", fontWeight: "bold" }}
+                style={{ display: "flex", alignItems: "center", color: COLOR_FILL, fontWeight: "bold" }}
                 onClick={() => history.push(`${link}`)}
               >
                 {subHeader || "-"}
diff --git a/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/MultiSelectDropdown.js b/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/MultiSelectDropdown.js
index ab6f9890694..161f2582253 100644
--- a/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/MultiSelectDropdown.js
+++ b/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/MultiSelectDropdown.js
@@ -1,6 +1,7 @@
 import React, { useEffect, useReducer, useRef, useState } from "react";
 import { ArrowDown, CheckSvg } from "./svgindex";
 import { useTranslation } from "react-i18next";
+import { COLOR_FILL } from "./contants";
 
 const MultiSelectDropdown = ({ options, optionsKey, selected = [], onSelect, defaultLabel = "", defaultUnit = "",BlockNumber=1,isOBPSMultiple=false,props={},isPropsNeeded=false,ServerStyle={}, isSurvey=false,placeholder, disable=false,config}) => {
   const [active, setActive] = useState(false);
@@ -92,7 +93,7 @@ const MultiSelectDropdown = ({ options, optionsKey, selected = [], onSelect, def
         disabled={option.isDisabled || false}
       />
       <div className="custom-checkbox">
-        <CheckSvg style={{innerWidth: "24px", width: "24px"}} fill={option.isDisabled ? "#505050" : "#F47738"} />
+        <CheckSvg style={{innerWidth: "24px", width: "24px"}} fill={option.isDisabled ? "#505050" : COLOR_FILL} />
       </div>
       <p className="label" style={index === optionIndex ? {
                     opacity: 1,
diff --git a/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/XlsPreview.js b/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/XlsPreview.js
index 39025e99d8a..f2cf93c830a 100644
--- a/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/XlsPreview.js
+++ b/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/XlsPreview.js
@@ -29,6 +29,7 @@ import { SVG } from "./SVG";
 
 
 import PropTypes from 'prop-types';
+import { COLOR_FILL } from "./contants";
 
 function XlsPreview({ file, ...props }) {
   const { t } = useTranslation();
@@ -57,14 +58,14 @@ function XlsPreview({ file, ...props }) {
         <Button
           label={t("CS_COMMON_BACK")}
           variation="secondary"
-          icon={<SVG.ArrowBackIos styles={{ height: "1.25rem", width: "1.25rem" }} fill="#F47738" />}
+          icon={<SVG.ArrowBackIos styles={{ height: "1.25rem", width: "1.25rem" }} fill={COLOR_FILL} />}
           type="button"
           onButtonClick={() => props?.onBack()}
         />
         <Button
           label={t("CS_COMMON_DOWNLOAD")}
           variation="secondary"
-          icon={<DownloadIcon styles={{ height: "1.25rem", width: "1.25rem" }} fill="#F47738" />}
+          icon={<DownloadIcon styles={{ height: "1.25rem", width: "1.25rem" }} fill={COLOR_FILL} />}
           type="button"
           onButtonClick={() => props?.onDownload()}
         />
@@ -73,7 +74,7 @@ function XlsPreview({ file, ...props }) {
         <DocViewer
           style={{ height: "80vh", overflowY: "hidden" }}
           theme={{
-            primary: "#F47738",
+            primary: "#c84c0e",
             secondary: "#feefe7",
             tertiary: "#feefe7",
             textPrimary: "#0B0C0C",
diff --git a/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/contants.js b/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/contants.js
new file mode 100644
index 00000000000..014bca8c308
--- /dev/null
+++ b/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/contants.js
@@ -0,0 +1 @@
+export const COLOR_FILL = "#c84c0e";
diff --git a/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/InboxComposer/index.js b/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/InboxComposer/index.js
index fc35d9ffa85..9d005d72d4d 100644
--- a/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/InboxComposer/index.js
+++ b/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/InboxComposer/index.js
@@ -15,6 +15,7 @@ import DetailsCard from "../../molecules/DetailsCard";
 import PopUp from "../../atoms/PopUp";
 import { CloseSvg } from "../../atoms/svgindex";
 import MobileComponentDirectory from "./MobileComponentDirectory";
+import { COLOR_FILL } from "../../atoms/contants";
 
 const InboxComposer = ({
   isInboxLoading,
@@ -191,7 +192,7 @@ const InboxComposer = ({
               searchFieldComponents={
                 <div style={window.location.href.includes("/citizen/obps") ? {display : "flex"} : {}}>
                   <SubmitBar label={t("ES_COMMON_SEARCH")} submit form="search-form" className="submit-bar-search" />
-                  <p onClick={onResetSearchForm} className="clear-search" style={{ paddingTop: "9px", color: " #f47738" }}>
+                  <p onClick={onResetSearchForm} className="clear-search" style={{ paddingTop: "9px", color: COLOR_FILL }}>
                     {t(`ES_COMMON_CLEAR_SEARCH`)}
                   </p>
                 </div>
diff --git a/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/Tutorial/Tutorial.js b/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/Tutorial/Tutorial.js
index 0e9c24abe42..63027fe85e9 100644
--- a/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/Tutorial/Tutorial.js
+++ b/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/Tutorial/Tutorial.js
@@ -6,7 +6,7 @@ let theme = {
   // primaryColor: '#ad7bff',
   // arrowColor: '#000',
   // textColor: '#fff',
-  primaryColor: '#F47738',
+  primaryColor: '#c84c0e',
   arrowColor: '#FFFFFF',
   textColor: '#505A5F',
   zIndex:9999
diff --git a/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/ViewComposer/renderUtils.js b/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/ViewComposer/renderUtils.js
index b5d1392d401..0d23b11e056 100644
--- a/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/ViewComposer/renderUtils.js
+++ b/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/ViewComposer/renderUtils.js
@@ -7,6 +7,7 @@ import { PDFSvg } from "../../atoms/svgindex";
 import WorkflowTimeline from "../../atoms/WorkflowTimeline";
 import WorkflowActions from "../../atoms/WorkflowActions";
 import { Link } from "react-router-dom";
+import { COLOR_FILL } from "../../atoms/contants";
 
 export const RenderDataSection = ({ section }) => {
   const { t } = useTranslation();
@@ -27,7 +28,7 @@ export const RenderDataSection = ({ section }) => {
                 row?.isLink ? (
                   <div>
                     <Link to={row?.to}>
-                      <span className="link" style={{ color: "#F47738" }}>
+                      <span className="link" style={{ color: COLOR_FILL }}>
                         {row?.value}
                       </span>
                     </Link>
diff --git a/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/DashboardBox.js b/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/DashboardBox.js
index f58e1af6e09..f2bc58eb763 100644
--- a/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/DashboardBox.js
+++ b/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/DashboardBox.js
@@ -1,10 +1,11 @@
 import React from "react";
 import { Link } from "react-router-dom";
+import { COLOR_FILL } from "../atoms/contants";
 
 const ArrowRight = ({ to }) => (
   <Link to={to}>
     <svg style={{ display: "inline", height: "24px" }} xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
-      <path d="M0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16Z" fill="#F47738" />
+      <path d="M0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16Z" fill={COLOR_FILL} />
       <path d="M16 5.33325L14.12 7.21325L21.56 14.6666H5.33337V17.3333H21.56L14.12 24.7866L16 26.6666L26.6667 15.9999L16 5.33325Z" fill="white" />
     </svg>
   </Link>
diff --git a/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/DateRangeNew.js b/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/DateRangeNew.js
index fa3a52173be..0e9781fdd0c 100644
--- a/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/DateRangeNew.js
+++ b/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/DateRangeNew.js
@@ -5,6 +5,7 @@ import { ArrowDown, Calender } from "../atoms/svgindex";
 import Modal from "../hoc/Modal";
 import { DateRange, createStaticRanges } from "react-date-range";
 import { format, addMonths, addHours, startOfToday, endOfToday, endOfYesterday, addMinutes, addSeconds, isEqual, subYears, startOfYesterday, startOfWeek, endOfWeek, startOfYear, endOfYear, startOfMonth, endOfMonth, startOfQuarter, endOfQuarter } from "date-fns";
+import { COLOR_FILL } from "../atoms/contants";
 
 function isEndDateFocused(focusNumber) {
     return focusNumber === 1;
@@ -148,7 +149,7 @@ const DateRangeNew = ({populators, values, onFilterChange, t, labelClass, label,
                             className="pickerShadow"
                             focusedRange={focusedRange}
                             ranges={[selectionRange]}
-                            rangeColors={["#F47738"]}
+                            rangeColors={[COLOR_FILL]}
                             onChange={handleSelect}
                             onRangeFocusChange={setFocusedRange}
                             retainEndDateOnFirstSelection={true}
diff --git a/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/DetailsCard.js b/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/DetailsCard.js
index 74288931595..f1641e3a9a5 100644
--- a/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/DetailsCard.js
+++ b/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/DetailsCard.js
@@ -60,7 +60,7 @@ const DetailsCard = ({ data, serviceRequestIdKey, linkPrefix, handleSelect, sele
             key={itemIndex}
             style={{
               border: selectedItems?.includes(object[keyForSelected])
-                ? '2px solid #f47738'
+                ? '2px solid #c84c0e'
                 : '2px solid #fff',
             }}
             className="details-container"
diff --git a/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/FilterAction.js b/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/FilterAction.js
index 9dcb49b05ff..8d16d340b03 100644
--- a/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/FilterAction.js
+++ b/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/FilterAction.js
@@ -1,11 +1,12 @@
 import React from "react";
 import { FilterSvg,FilterIcon,SortSvg } from "../atoms/svgindex";
 import RoundedLabel from "../atoms/RoundedLabel";
+import { COLOR_FILL } from "../atoms/contants";
 
 const FilterAction = ({ text, handleActionClick, ...props }) => (
   <div className="searchAction" onClick={handleActionClick}>
     <RoundedLabel count={props.filterCount}></RoundedLabel>
-    <SortSvg fill={"#f47738"}/> <span className="searchText">{text}</span>
+    <SortSvg fill={COLOR_FILL}/> <span className="searchText">{text}</span>
   </div>
 );
 
diff --git a/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/SearchAction.js b/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/SearchAction.js
index b11f8b8993b..f5cda9c40d4 100644
--- a/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/SearchAction.js
+++ b/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/SearchAction.js
@@ -1,9 +1,10 @@
 import React from "react";
 import { SearchIconSvg,FilterSvg,FilterIcon } from "../atoms/svgindex";
+import { COLOR_FILL } from "../atoms/contants";
 
 const SearchAction = ({ text, handleActionClick }) => (
   <div className="searchAction" onClick={handleActionClick}>
-    <FilterIcon fill={"#f47738"}/> <span className="searchText">{text}</span>
+    <FilterIcon fill={COLOR_FILL}/> <span className="searchText">{text}</span>
   </div>
 );
 
diff --git a/micro-ui/web/public/index.html b/micro-ui/web/public/index.html
index 61c0fdb3d3b..94555a4692c 100644
--- a/micro-ui/web/public/index.html
+++ b/micro-ui/web/public/index.html
@@ -7,7 +7,7 @@
   <link
     href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap"
     rel="stylesheet" type="text/css" />
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.8.2-beta.37/dist/index.css" />
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.8.2-beta.38/dist/index.css" />
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-components-css@0.0.2-beta.37/dist/index.css"/>
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#00bcd1" />