diff --git a/src/css/custom.css b/src/css/custom.css
index 2bc6a4cfde..8587f90cf5 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -2,29 +2,31 @@
  * Any CSS included here will be global. The classic template
  * bundles Infima by default. Infima is a CSS framework designed to
  * work well for content-centric websites.
+ *
+ * https://docusaurus.io/docs/styling-layout
  */
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #2e8555;
-  --ifm-color-primary-dark: #29784c;
-  --ifm-color-primary-darker: #277148;
-  --ifm-color-primary-darkest: #205d3b;
-  --ifm-color-primary-light: #33925d;
-  --ifm-color-primary-lighter: #359962;
-  --ifm-color-primary-lightest: #3cad6e;
+  --ifm-color-primary: #d1753a;
+  --ifm-color-primary-dark: #c3682d;
+  --ifm-color-primary-darker: #b8622b;
+  --ifm-color-primary-darkest: #985123;
+  --ifm-color-primary-light: #d68450;
+  --ifm-color-primary-lighter: #d98c5a;
+  --ifm-color-primary-lightest: #e0a27b;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme='dark'] {
-  --ifm-color-primary: #25c2a0;
-  --ifm-color-primary-dark: #21af90;
-  --ifm-color-primary-darker: #1fa588;
-  --ifm-color-primary-darkest: #1a8870;
-  --ifm-color-primary-light: #29d5b0;
-  --ifm-color-primary-lighter: #32d8b4;
-  --ifm-color-primary-lightest: #4fddbf;
+  --ifm-color-primary: #e9c544;
+  --ifm-color-primary-dark: #e6bd29;
+  --ifm-color-primary-darker: #e4b81c;
+  --ifm-color-primary-darkest: #bd9816;
+  --ifm-color-primary-light: #eccd5f;
+  --ifm-color-primary-lighter: #eed26c;
+  --ifm-color-primary-lightest: #f3de95;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }