diff --git a/packages/config/tailwind-preset.js b/packages/config/tailwind-preset.js
index 6d3773e983..eebc1f7c15 100644
--- a/packages/config/tailwind-preset.js
+++ b/packages/config/tailwind-preset.js
@@ -31,7 +31,7 @@ module.exports = {
           700: "#0d121d",
           800: "#0a0e17",
           900: "#080c13",
-          DEFAULT: "#111827",
+          DEFAULT: "var(--brand-color)",
         },
         brandcontrast: "var(--brand-text-color)",
         darkmodebrand: "var(--brand-color-dark-mode)",