diff --git a/tailwind.config.ts b/tailwind.config.ts
index 9cbb98e320..d895e047c6 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -42,8 +42,7 @@ export default {
         "950": "#410f0e",
       },
       "brand-secondary": {
-        //gunpowder
-        DEFAULT: "#242424",
+        DEFAULT: "#2E2E2E",
         "50": "#f6f6f6",
         "100": "#e7e7e7",
         "200": "#d1d1d1",
@@ -54,7 +53,7 @@ export default {
         "700": "#4f4f4f",
         "800": "#454545",
         "900": "#3d3d3d",
-        "950": "#242424",
+        "950": "#2e2e2e",
       },
       "brand-tertiary": {
         //Aquamarine Blue
@@ -104,8 +103,7 @@ export default {
       },
 
       action: {
-        //comet
-        DEFAULT: "#242424",
+        DEFAULT: "#2E2E2E",
         "50": "#f6f6f6",
         "100": "#e7e7e7",
         "200": "#d1d1d1",
@@ -116,7 +114,7 @@ export default {
         "700": "#4f4f4f",
         "800": "#454545",
         "900": "#3d3d3d",
-        "950": "#242424",
+        "950": "#2e2e2e",
       },
 
       character: {
@@ -172,11 +170,11 @@ export default {
       },
 
       ui: {
-        background: "#121212",
-        panel: "#171717",
-        "panel-border": "#363636",
-        controls: "#1C1C1C",
-        "controls-button": "#1C1C1C",
+        background: "#242424",
+        panel: "#1F1F1F",
+        "panel-border": "#3F3F3F",
+        controls: "#2E2E2E",
+        "controls-button": "#2E2E2E",
         divider: "#515168",
       },