diff --git a/public/css/style.css b/public/css/style.css
index c15c2dc..c9cceb1 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -150,9 +150,9 @@ kbd {
   --h6-color: #4d606d;
   --muted-color: #73828c;
   --muted-border-color: #edf0f3;
-  --primary: #622486;
-  --primary-hover: #3E0C5C;
-  --primary-focus: rgba(98, 36, 134, 0.125);
+  --primary: #624195;
+  --primary-hover: #4f3774;
+  --primary-focus: rgba(98, 65, 149, 0.125);
   --primary-inverse: #fff;
   --secondary: #596b78;
   --secondary-hover: #415462;
@@ -239,9 +239,9 @@ kbd {
     --h6-color: #aebbc3;
     --muted-color: #73828c;
     --muted-border-color: #1f2d38;
-    --primary: #622486;
+    --primary: #624195;
     --primary-hover: #7F5AB6;
-    --primary-focus: rgba(98, 36, 134, 0.25);
+    --primary-focus: rgba(98, 65, 149, 0.25);
     --primary-inverse: #fff;
     --secondary: #596b78;
     --secondary-hover: #73828c;
@@ -328,9 +328,9 @@ kbd {
   --h6-color: #aebbc3;
   --muted-color: #73828c;
   --muted-border-color: #1f2d38;
-  --primary: #622486;
+  --primary: #624195;
   --primary-hover: #7F5AB6;
-  --primary-focus: rgba(98, 36, 134, 0.25);
+  --primary-focus: rgba(98, 65, 149, 0.25);
   --primary-inverse: #fff;
   --secondary: #596b78;
   --secondary-hover: #73828c;
diff --git a/public/css/style.scss b/public/css/style.scss
index 3930654..edf1066 100644
--- a/public/css/style.scss
+++ b/public/css/style.scss
@@ -9,8 +9,8 @@ $enable-classes: true;
 
 // Custom theme
 $primary-500: #7F5AB6;
-$primary-600: #622486;
-$primary-700: #3E0C5C;
+$primary-600: #624195;
+$primary-700: #4f3774;
 
 // Pico Lib
 // --------------------