diff --git a/src/component/ConnectWalletButton/styles.module.scss b/src/component/ConnectWalletButton/styles.module.scss
index b5bf27f0..ffaaf62f 100644
--- a/src/component/ConnectWalletButton/styles.module.scss
+++ b/src/component/ConnectWalletButton/styles.module.scss
@@ -29,12 +29,12 @@
   border-radius: 20px;
   padding: 4px 8px;
   background: transparent;
-  border: 2px solid rgba(228, 26, 112, 0.7);
+  border: 2px solid rgba(81, 45, 188, 0.7);
 
   >span {
     font-weight: bold;
     font-size: medium;
-    color: rgba(228, 26, 112, 1);
+    color: rgba(81, 45, 188, 1);
   }
 }
 
diff --git a/src/css/custom.scss b/src/css/custom.scss
index 5dd4f8c1..98935c9f 100644
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@@ -9,7 +9,7 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #ec3783;
+  --ifm-color-primary: #512DBC;
   --ifm-color-primary-dark: #e91c73;
   --ifm-color-primary-darker: #e2156b;
   --ifm-color-primary-darkest: #ba1258;