diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index eb59f67b..63638e1d 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -5,18 +5,21 @@
  * work well for content-centric websites.
  */
 
-/* You can override the default Infima variables here. */
+/*
+* You can override the default Infima variables here.
+ * https://docusaurus.io/docs/styling-layout
+*/
 :root {
-  --ifm-color-primary: #25c2a0;
-  --ifm-color-primary-dark: rgb(33, 175, 144);
-  --ifm-color-primary-darker: rgb(31, 165, 136);
-  --ifm-color-primary-darkest: rgb(26, 136, 112);
-  --ifm-color-primary-light: rgb(70, 203, 174);
-  --ifm-color-primary-lighter: rgb(102, 212, 189);
-  --ifm-color-primary-lightest: rgb(146, 224, 208);
-  --ifm-code-font-size: 95%;
+  --ifm-color-primary: #4a638c;
+  --ifm-color-primary-dark: #43597e;
+  --ifm-color-primary-darker: #3f5477;
+  --ifm-color-primary-darkest: #344562;
+  --ifm-color-primary-light: #516d9a;
+  --ifm-color-primary-lighter: #5572a1;
+  --ifm-color-primary-lightest: #6782af;
 }
 
+
 .docusaurus-highlight-code-line {
   background-color: rgba(0, 0, 0, 0.1);
   display: block;