diff --git a/apps/dashboard/web/polaris_web/web/src/apps/dashboard/pages/dashboard.css b/apps/dashboard/web/polaris_web/web/src/apps/dashboard/pages/dashboard.css
index a42c94cdc7..ecf4673efc 100644
--- a/apps/dashboard/web/polaris_web/web/src/apps/dashboard/pages/dashboard.css
+++ b/apps/dashboard/web/polaris_web/web/src/apps/dashboard/pages/dashboard.css
@@ -199,25 +199,25 @@
 }
 
 .badge-wrapper-CRITICAL .Polaris-Badge {
-    background-color: #E45357 !important;
-    color: white !important;
-    font-weight: 500 !important;
+    background-color: #E51C00 !important;
+    color: #FFFBFB !important;
+    font-weight: 550 !important;
 }
 
 .badge-wrapper-HIGH .Polaris-Badge {
-    background-color: #EF864C !important;
-    color: white !important;
-    font-weight: 500 !important;
+    background-color: #FFB800 !important;
+    color: #5E4200 !important;
+    font-weight: 550 !important;
 }
 
 .badge-wrapper-MEDIUM .Polaris-Badge {
-    background-color: #F6C564 !important;
-    color: white !important;
-    font-weight: 500 !important;
+    background-color: #EDDB39 !important;
+    color: #332E00 !important;
+    font-weight: 550 !important;
 }
 
 .badge-wrapper-LOW .Polaris-Badge {
-    background-color: #6FD1A6;
-    color: white !important;
-    font-weight: 500 !important;
+    background-color: #0000000f;
+    color: #616161 !important;
+    font-weight: 550 !important;
 }
\ No newline at end of file
diff --git a/apps/dashboard/web/polaris_web/web/src/apps/dashboard/pages/dashboard/HomeDashboard.jsx b/apps/dashboard/web/polaris_web/web/src/apps/dashboard/pages/dashboard/HomeDashboard.jsx
index 870d9d80a9..7759dd89bf 100644
--- a/apps/dashboard/web/polaris_web/web/src/apps/dashboard/pages/dashboard/HomeDashboard.jsx
+++ b/apps/dashboard/web/polaris_web/web/src/apps/dashboard/pages/dashboard/HomeDashboard.jsx
@@ -465,22 +465,22 @@ function HomeDashboard() {
         const result = {
             "Critical": {
                 "text": countMap.CRITICAL || 0,
-                "color": "#E45357",
+                "color": func.getHexColorForSeverity("CRITICAL"),
                 "filterKey": "Critical"
             },
             "High": {
                 "text": countMap.HIGH || 0,
-                "color": "#EF864C",
+                "color": func.getHexColorForSeverity("HIGH"),
                 "filterKey": "High"
             },
             "Medium": {
                 "text": countMap.MEDIUM || 0,
-                "color": "#F6C564",
+                "color": func.getHexColorForSeverity("MEDIUM"),
                 "filterKey": "Medium"
             },
             "Low": {
                 "text": countMap.LOW || 0,
-                "color": "#6FD1A6",
+                "color": func.getHexColorForSeverity("LOW"),
                 "filterKey": "Low"
             }
         };
diff --git a/apps/dashboard/web/polaris_web/web/src/util/func.js b/apps/dashboard/web/polaris_web/web/src/util/func.js
index 65f2a5be25..cbec2e4a84 100644
--- a/apps/dashboard/web/polaris_web/web/src/util/func.js
+++ b/apps/dashboard/web/polaris_web/web/src/util/func.js
@@ -1333,15 +1333,15 @@ mapCollectionIdToHostName(apiCollections){
   getHexColorForSeverity(key){
     switch(key){
       case "CRITICAL":
-        return "#E45357"
+        return "#E51C00"
       case "HIGH":
-        return "#EF864C"
+        return "#FFB800"
       case "MEDIUM":
-        return "#F6C564"
+        return "#EDDB39"
       case "LOW":
-        return "#6FD1A6"
+        return "#0000000f"
       default:
-        return "#2C6ECB"
+        return "#0000000f"
     }
 
   },