diff --git a/app/assets/stylesheets/colors.css b/app/assets/stylesheets/colors.css
index 56b01a2..f588cb6 100644
--- a/app/assets/stylesheets/colors.css
+++ b/app/assets/stylesheets/colors.css
@@ -45,6 +45,7 @@
   --color-text-link-hover: var(--color-primary-900);
   --color-text-contrast: #f8fafc;
   --color-text-button: #0f172a;
+  --color-text-nav: var(--color-text-primary);
 
   --color-bg-page: var(--color-primary-1);
   --color-bg-input: #f8fafc;
@@ -134,6 +135,7 @@
   --color-text-link-hover: #e0e7ff;
   --color-text-contrast: #f8fafc;
   --color-text-button: #e2e8f0;
+  --color-text-nav: var(--color-text-contrast);
 
   --color-bg-page: var(--color-primary-1);
   --color-bg-input: #111827;
diff --git a/app/assets/stylesheets/components/navigation.css b/app/assets/stylesheets/components/navigation.css
index e3b5619..9cc864c 100644
--- a/app/assets/stylesheets/components/navigation.css
+++ b/app/assets/stylesheets/components/navigation.css
@@ -29,7 +29,7 @@
 .brand-link {
   font-size: var(--font-size-2xl);
   font-weight: var(--font-weight-bold);
-  color: var(--color-text-contrast);
+  color: var(--color-text-nav);
   text-decoration: none;
   margin-bottom: -2px;
 }
@@ -62,7 +62,7 @@
 }
 
 .nav-user {
-  color: var(--color-text-contrast);
+  color: var(--color-text-nav);
   font-weight: var(--font-weight-medium);
 }