diff --git a/pipeline/scss/_variables.scss b/pipeline/scss/_variables.scss
index 1b7a932f9..362e94586 100644
--- a/pipeline/scss/_variables.scss
+++ b/pipeline/scss/_variables.scss
@@ -89,6 +89,7 @@ $site-header-text-color: $hugo-white;
 $site-navigation-width: 250px;
 $content-max-width: 38em;
 $site-navigation-bg-color:$site-header-bg-color;
+$site-navigation-link-base-color: #fff;
 $breadcrumb-navigation-bg-color:$hugo-blue-ultra-light;
 $breadcrumb-navigation-bg-color-active:$hugo-blue;
 $breadcrumb-navigation-text-color-active:$hugo-white;
diff --git a/pipeline/scss/layout/_site-navigation.scss b/pipeline/scss/layout/_site-navigation.scss
index a2d2bf2f2..1ea8c9690 100644
--- a/pipeline/scss/layout/_site-navigation.scss
+++ b/pipeline/scss/layout/_site-navigation.scss
@@ -39,7 +39,7 @@
       margin-top: $site-header-height + 10px;
     }
     a {
-      color: $hugo-white;
+      color: $site-navigation-link-base-color;
       font-weight: $base-font-weight;
       width: 100%;
       &:hover {