diff --git a/packages/bruno-app/src/themes/dark/dark.js b/packages/bruno-app/src/themes/dark/dark.js
index db4b85e2f..c49ceba1c 100644
--- a/packages/bruno-app/src/themes/dark/dark.js
+++ b/packages/bruno-app/src/themes/dark/dark.js
@@ -1,20 +1,20 @@
 export const palette = {
   accents: {
     PRIMARY: '#d9a342',
-    RED: 'hsl(0   70% 71%)',
-    ROSE: 'hsl(350 65% 78%)',
-    BROWN: 'hsl(41  52% 77%)',
-    ORANGE: 'hsl(24  75% 75%)',
-    YELLOW: 'hsl(48  68% 74%)',
-    LIME: 'hsl(75  65% 71%)',
-    GREEN: 'hsl(140 59% 71%)',
-    TEAL: 'hsl(170 55% 71%)',
-    CYAN: 'hsl(190 70% 76%)',
-    BLUE: 'hsl(202 82% 80%)',
-    INDIGO: 'hsl(225 73% 82%)',
-    VIOLET: 'hsl(260 65% 81%)',
-    PURPLE: 'hsl(285 60% 78%)',
-    PINK: 'hsl(320 65% 81%)'
+    RED: 'hsl(0,   70%, 71%)',
+    ROSE: 'hsl(350, 65%, 78%)',
+    BROWN: 'hsl(41,  52%, 77%)',
+    ORANGE: 'hsl(24,  75%, 75%)',
+    YELLOW: 'hsl(48,  68%, 74%)',
+    LIME: 'hsl(75,  65%, 71%)',
+    GREEN: 'hsl(140, 59%, 71%)',
+    TEAL: 'hsl(170, 55%, 71%)',
+    CYAN: 'hsl(190, 70%, 76%)',
+    BLUE: 'hsl(202, 82%, 80%)',
+    INDIGO: 'hsl(225, 73%, 82%)',
+    VIOLET: 'hsl(260, 65%, 81%)',
+    PURPLE: 'hsl(285, 60%, 78%)',
+    PINK: 'hsl(320, 65%, 81%)'
   },
   background: {
     BASE: 'hsl(0deg 0% 10%)',
diff --git a/packages/bruno-app/src/themes/light/light.js b/packages/bruno-app/src/themes/light/light.js
index d23a9b8a3..77b6ca4f8 100644
--- a/packages/bruno-app/src/themes/light/light.js
+++ b/packages/bruno-app/src/themes/light/light.js
@@ -1,23 +1,23 @@
 export const palette = {
   accents: {
     PRIMARY: '#bd7a28',
-    RED: 'hsl(8 60% 52%)', // warm coral - NEW
-    ROSE: 'hsl(352 45% 50%)', // soft red (approved)
-    BROWN: 'hsl(28 55% 38%)', // warm brown (liked)
-    ORANGE: 'hsl(35 85% 42%)', // vibrant orange
-    YELLOW: 'hsl(45 75% 42%)', // golden yellow
-    LIME: 'hsl(85 45% 40%)', // yellow-green - NEW
-    GREEN: 'hsl(145 50% 36%)', // forest green
-    TEAL: 'hsl(178 50% 36%)', // true teal
-    CYAN: 'hsl(195 55% 42%)', // cyan-blue - NEW
-    BLUE: 'hsl(214 55% 45%)', // true blue (liked)
-    INDIGO: 'hsl(235 45% 45%)', // deep indigo
-    VIOLET: 'hsl(258 42% 50%)', // soft violet - NEW
-    PURPLE: 'hsl(280 45% 48%)', // rich purple
-    PINK: 'hsl(328 50% 48%)' // magenta-pink - NEW
+    RED: 'hsl(8,   60%, 52%)',
+    ROSE: 'hsl(352, 45%, 50%)',
+    BROWN: 'hsl(28,  55%, 38%)',
+    ORANGE: 'hsl(35,  85%, 42%)',
+    YELLOW: 'hsl(45,  75%, 42%)',
+    LIME: 'hsl(85,  45%, 40%)',
+    GREEN: 'hsl(145, 50%, 36%)',
+    TEAL: 'hsl(178, 50%, 36%)',
+    CYAN: 'hsl(195, 55%, 42%)',
+    BLUE: 'hsl(214, 55%, 45%)',
+    INDIGO: 'hsl(235, 45%, 45%)',
+    VIOLET: 'hsl(258, 42%, 50%)',
+    PURPLE: 'hsl(280, 45%, 48%)',
+    PINK: 'hsl(328, 50%, 48%)'
   },
   system: {
-    CONTROL_ACCENT: '#b96f1d' // for accent-color
+    CONTROL_ACCENT: '#b96f1d'
   },
   background: {
     BASE: '#ffffff',