diff --git a/hugo/assets/scss/base/base.scss b/hugo/assets/scss/base/base.scss
index 672c1bb265..ffe59a6b14 100644
--- a/hugo/assets/scss/base/base.scss
+++ b/hugo/assets/scss/base/base.scss
@@ -37,7 +37,7 @@
     --scrollbar-color-hover: #{ $c-scrollbar-color-hover };
     --table-head-background: #{ $c-blue--lightest };
     --table-row-background: #{ $c-blue--lightest };
-    --table-border-color: #{ transparentize($c-blue--light, 0.85) };
+    --table-border-color: #{ transparentize($c-blue, 0.85) };
 }
 
 html,
diff --git a/hugo/assets/scss/components/cards.scss b/hugo/assets/scss/components/cards.scss
index 823eb4e6f4..e697238402 100644
--- a/hugo/assets/scss/components/cards.scss
+++ b/hugo/assets/scss/components/cards.scss
@@ -32,7 +32,7 @@
         &:focus,
         &:hover {
             background-color: transparentize($c-blue--lighter, 0.4);
-            border: 1px solid transparentize($c-blue--light, 0.8);
+            border: 1px solid transparentize($c-blue, 0.8);
 
             #{ $self }__readmore {
                 --cards-icon-color: #{ $c-yellow };
diff --git a/hugo/assets/scss/components/tree.scss b/hugo/assets/scss/components/tree.scss
index 13bf5b1c64..632b38a3a8 100644
--- a/hugo/assets/scss/components/tree.scss
+++ b/hugo/assets/scss/components/tree.scss
@@ -84,7 +84,7 @@
 
             &.is-active,
             &.is-active-path {
-                background: $c-grey--light-mid;
+                background: $c-blue--light;
                 border-radius: $b-radius 0 0 $b-radius;
                 box-shadow: 4px 4px 10px 0 transparentize($c-black, 0.98) inset;
                 padding-bottom: 1.5rem;
diff --git a/hugo/assets/scss/config/colors.scss b/hugo/assets/scss/config/colors.scss
index a316a946d3..67506b79c3 100644
--- a/hugo/assets/scss/config/colors.scss
+++ b/hugo/assets/scss/config/colors.scss
@@ -1,8 +1,7 @@
 $c-blue--lightest:      #f8f9fd;
 $c-blue--lighter:       #f0f2fb;
-$c-grey--light-mid:     #e6e8f3;
-$c-blue--light:         #1b3987;
-$c-blue:                #232a68;
+$c-blue--light:         #e6e8f3;
+$c-blue:                #1b3987;
 $c-blue--bright:        #063AC0;
 $c-blue--dark:          #0c2c65;
 $c-blue--darker:        #0f1333;
@@ -67,7 +66,7 @@ $c-scrollbar-background:    $c-grey--lightest;
 // Shadows
 $shadow--light:         0 4px 4px transparentize($c-black, .25);
 $shadow:                0 4px 34px transparentize($c-black, .35);
-$shadow--blue:          0 10px 24px transparentize($c-blue--light, .85);
+$shadow--blue:          0 10px 24px transparentize($c-blue, .85);
 
 $shadow--header:        0 3px 12px transparentize($c-blue--dark, .8);
 $shadow--drawer:        0 3px 12px transparentize($c-blue--dark, .8);
diff --git a/playground/src/scss/components/button.scss b/playground/src/scss/components/button.scss
index 8f0e6a0856..d29d84d32a 100644
--- a/playground/src/scss/components/button.scss
+++ b/playground/src/scss/components/button.scss
@@ -9,8 +9,8 @@
     @include button-base;
 
     @include button-style(
-        var(--button-background, #{ $c-blue--light }),
-        var(--button-border, #{ $c-blue--light }),
+        var(--button-background, #{ $c-blue }),
+        var(--button-border, #{ $c-blue }),
         var(--button-color, #{ $c-white }),
         var(--button-background-hover, #{ $c-blue }),
         var(--button-border-hover, #{ $c-blue }),