diff --git a/packages/client/src/stores/theme.js b/packages/client/src/stores/theme.js
index 50dad12fa4..421ce9b9b4 100644
--- a/packages/client/src/stores/theme.js
+++ b/packages/client/src/stores/theme.js
@@ -11,8 +11,8 @@ const defaultCustomTheme = {
   primaryColor: "var(--spectrum-glo" + "bal-color-blue-600)",
   primaryColorHover: "var(--spectrum-glo" + "bal-color-blue-500)",
   buttonBorderRadius: "16px",
-  navBackground: "var(--spectrum-glo" + "bal-color-gray-100)",
-  navTextColor: "var(--spectrum-glo" + "bal-color-gray-800)",
+  navBackground: "var(--spectrum-glo" + "bal-color-gray-50)",
+  navTextColor: "var(--spectrum-glo" + "bal-color-gray-900)",
 }
 
 const createThemeStore = () => {
diff --git a/packages/server/src/api/controllers/application.ts b/packages/server/src/api/controllers/application.ts
index 830acc55bf..85021c6aeb 100644
--- a/packages/server/src/api/controllers/application.ts
+++ b/packages/server/src/api/controllers/application.ts
@@ -298,7 +298,7 @@ async function performAppCreate(ctx: UserCtx<CreateAppRequest, App>) {
         navigation: "Top",
         title: name,
         navWidth: "Large",
-        navBackground: "var(--spectrum-global-color-gray-100)",
+        navBackground: "var(--spectrum-global-color-gray-50)",
         links: [],
       },
       theme: "spectrum--light",