diff --git a/assets/scss/_base.scss b/assets/scss/_base.scss
index f187535fa5..64e84295ff 100644
--- a/assets/scss/_base.scss
+++ b/assets/scss/_base.scss
@@ -559,7 +559,7 @@ section#cncf {
 
   #desktopKCButton:hover{
     background-color: #ffffff;
-    color: #3371e3;
+    color: #326ce5;
     transition: 150ms;
   }
 
diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
index 06f511a9f9..f58fa37831 100644
--- a/assets/scss/_custom.scss
+++ b/assets/scss/_custom.scss
@@ -728,7 +728,7 @@ body.cid-partners {
         line-height: 40px;
         color: #ffffff;
         font-size: 16px;
-        background-color: #3371e3;
+        background-color: #326ce5;
         text-decoration: none;
      }
 
diff --git a/assets/scss/_skin.scss b/assets/scss/_skin.scss
index 32c94b9dc5..d8b69d1218 100644
--- a/assets/scss/_skin.scss
+++ b/assets/scss/_skin.scss
@@ -1,4 +1,4 @@
-$blue: #3371e3;
+$blue: #326ce5;
 $light-grey: #f7f7f7;
 $dark-grey: #303030;
 $medium-grey: #4c4c4c;
diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss
index fd1dddd607..386881e9ff 100644
--- a/assets/scss/_variables_project.scss
+++ b/assets/scss/_variables_project.scss
@@ -12,7 +12,7 @@ Add styles or override variables from the theme here. */
 @import "tablet";
 @import "desktop";
 
-$primary: #3371e3;
+$primary: #326ce5;
 
 // tooltip
 $tooltip-bg: #555;
diff --git a/static/css/glossary.css b/static/css/glossary.css
index fbe429b81b..0588575cc8 100644
--- a/static/css/glossary.css
+++ b/static/css/glossary.css
@@ -38,7 +38,7 @@
 }
 
 .active-tag {
-  background-color: #3371e3;
+  background-color: #326ce5;
 }
 
 .invisible {
diff --git a/static/css/style_apiref.css b/static/css/style_apiref.css
index 635b625d91..60794a58d0 100644
--- a/static/css/style_apiref.css
+++ b/static/css/style_apiref.css
@@ -1,7 +1,7 @@
 /*
 Kubernetes colors (assets/scss/_skin.scss)
 
-$blue: #3371e3;
+$blue: #326ce5;
 $light-grey: #f7f7f7;
 $dark-grey: #303030;
 $medium-grey: #4c4c4c;
@@ -18,7 +18,7 @@ body > #wrapper {
 }
 
 a {
-  color: #3371e3;
+  color: #326ce5;
 }
 
 a:hover {
@@ -122,7 +122,7 @@ code {
 }
 
 #navigation a:hover {
-  color: #3371e3;
+  color: #326ce5;
   text-decoration: none;
 }
 
@@ -247,7 +247,7 @@ pre {
   }
 
   body.theme-auto #navigation a:hover {
-    color: #3371e3;
+    color: #326ce5;
   }
 
   body.theme-auto pre {
@@ -256,7 +256,7 @@ pre {
   }
 
   body.theme-auto .alert a {
-    color: #3371e3;
+    color: #326ce5;
   }
 }
 
@@ -309,7 +309,7 @@ body.theme-dark #navigation a.selected {
 }
 
 body.theme-dark #navigation a:hover {
-  color: #3371e3;
+  color: #326ce5;
 }
 
 body.theme-dark pre {
@@ -318,5 +318,5 @@ body.theme-dark pre {
 }
 
 body.theme-dark .alert a {
-  color: #3371e3;
+  color: #326ce5;
 }
diff --git a/static/css/training.css b/static/css/training.css
index ddc2d1e29e..a15bcf4d52 100644
--- a/static/css/training.css
+++ b/static/css/training.css
@@ -12,7 +12,7 @@ body.cid-training body.cid-training .section {
 
 body.cid-training section.call-to-action {
   color: #ffffff;
-  background-color: #3371e3;
+  background-color: #326ce5;
 }
 
 body.cid-training section.call-to-action .main-section {
@@ -226,7 +226,7 @@ body.cid-training .button {
   line-height: 40px;
   color: #ffffff;
   font-size: 16px;
-  background-color: #3371e3;
+  background-color: #326ce5;
   text-decoration: none;
   text-align: center;
 }
@@ -254,7 +254,7 @@ body.cid-training .padded {
 }
 
 body.cid-training .blue-bg {
-  background-color: #3371e3;
+  background-color: #326ce5;
 }
 
 body.cid-training .lighter-gray-bg {