diff --git a/frontend/client-portal/src/theme/palette.ts b/frontend/client-portal/src/theme/palette.ts
index cc7367af..9fdf245b 100755
--- a/frontend/client-portal/src/theme/palette.ts
+++ b/frontend/client-portal/src/theme/palette.ts
@@ -62,11 +62,11 @@ declare module '@mui/material' {
 
 // SETUP COLORS
 const PRIMARY = {
-  lighter: '#C8FACD',
-  light: '#5BE584',
-  main: '#00AB55',
-  dark: '#007B55',
-  darker: '#005249',
+  lighter: '#D1F1F1',
+  light: '#B2E8E8',
+  main: '#19BBBB',
+  dark: '#159C9C',
+  darker: '#117D7D',
 };
 const SECONDARY = {
   lighter: '#D6E4FF',
diff --git a/frontend/client-portal/src/utils/getColorPresets.ts b/frontend/client-portal/src/utils/getColorPresets.ts
index 30c7fcbe..11a0035c 100755
--- a/frontend/client-portal/src/utils/getColorPresets.ts
+++ b/frontend/client-portal/src/utils/getColorPresets.ts
@@ -34,11 +34,11 @@ export const colorPresets = [
   // BLUE
   {
     name: 'blue',
-    lighter: '#D1E9FC',
-    light: '#76B0F1',
-    main: '#2065D1',
-    dark: '#103996',
-    darker: '#061B64',
+    lighter: '#D1F1F1',
+    light: '#B2E8E8',
+    main: '#19BBBB',
+    dark: '#159C9C',
+    darker: '#117D7D',
     contrastText: '#fff',
   },
   // ORANGE