diff --git a/lib/components/AvatarButton.tsx b/lib/components/AvatarButton.tsx
index ede2e98..6c79b4b 100644
--- a/lib/components/AvatarButton.tsx
+++ b/lib/components/AvatarButton.tsx
@@ -16,8 +16,8 @@ export function AvatarButton(props: IconButtonProps) {
                         border: `2px solid ${theme.palette.gray.main}`,
                     },
                     "&:active .MuiAvatar-root": {
-                        backgroundColor: theme.palette.purple.main,
-                        color: theme.palette.purple.main,
+                        backgroundColor: theme.palette.purple.dark,
+                        color: theme.palette.purple.dark,
                         border: "1px solid black",
                     }, 
                 }
diff --git a/lib/components/BurgerButton.tsx b/lib/components/BurgerButton.tsx
index bdea98b..b693114 100644
--- a/lib/components/BurgerButton.tsx
+++ b/lib/components/BurgerButton.tsx
@@ -19,10 +19,10 @@ export function BurgerButton({ onClick, sx, color = "white" }: Props) {
                 p: 0,
                 color,
                 "&:hover": {
-                    color: theme.palette.purple.main,
+                    color: theme.palette.purple.dark,
                 },
                 "&:active": {
-                    color: theme.palette.purple.main,
+                    color: theme.palette.purple.dark,
                 },
                 ...sx,
             }}
diff --git a/lib/components/CloseButtonSmall.tsx b/lib/components/CloseButtonSmall.tsx
index 6dfe32c..8acf4b8 100644
--- a/lib/components/CloseButtonSmall.tsx
+++ b/lib/components/CloseButtonSmall.tsx
@@ -16,7 +16,7 @@ export function CloseButtonSmall({ onClick, sx }: Props) {
                 height: 12,
                 width: 12,
                 p: 0,
-                color: theme.palette.purple.main,
+                color: theme.palette.purple.dark,
                 "&:hover": {
                     color: theme.palette.orange.main,
                 },
diff --git a/lib/components/LogoutButton.tsx b/lib/components/LogoutButton.tsx
index 6f4e0e0..780fbd0 100644
--- a/lib/components/LogoutButton.tsx
+++ b/lib/components/LogoutButton.tsx
@@ -20,7 +20,7 @@ export function LogoutButton(props: IconButtonProps) {
                         backgroundColor: theme.palette.gray.main,
                     },
                     "&:active": {
-                        backgroundColor: theme.palette.purple.main,
+                        backgroundColor: theme.palette.purple.dark,
                         color: "white",
                     },
                 }
diff --git a/lib/components/PenaTextField.tsx b/lib/components/PenaTextField.tsx
index 6b3e96c..8b413a0 100644
--- a/lib/components/PenaTextField.tsx
+++ b/lib/components/PenaTextField.tsx
@@ -93,7 +93,7 @@ export function PenaTextField({
                             border: `1px solid ${theme.palette.gray.dark}`,
                         },
                         "&.Mui-focused fieldset": {
-                            border: `2px solid ${theme.palette.purple.main}`,
+                            border: `2px solid ${theme.palette.purple.dark}`,
                         },
                     },
                     "& .MuiFormHelperText-root.MuiFormHelperText-contained.MuiFormHelperText-filled.Mui-error": {
diff --git a/lib/components/WalletButton.tsx b/lib/components/WalletButton.tsx
index c1a6d4f..e8bc599 100644
--- a/lib/components/WalletButton.tsx
+++ b/lib/components/WalletButton.tsx
@@ -25,7 +25,7 @@ export function WalletButton({ onClick, size = 36, sx }: Props) {
                     backgroundColor: theme.palette.gray.main,
                 },
                 "&:active": {
-                    backgroundColor: theme.palette.purple.main,
+                    backgroundColor: theme.palette.purple.dark,
                     color: "white",
                 },
                 ...sx,
diff --git a/lib/components/theme.ts b/lib/components/theme.ts
index d9c9544..34970a0 100644
--- a/lib/components/theme.ts
+++ b/lib/components/theme.ts
@@ -50,8 +50,8 @@ export const penaMuiTheme = createTheme({
                 {
                     props: { variant: "pena-contained-dark" },
                     style: ({ theme }) => theme.unstable_sx({
-                        border: `1px solid ${theme.palette.purple.main}`,
-                        backgroundColor: theme.palette.purple.main,
+                        border: `1px solid ${theme.palette.purple.dark}`,
+                        backgroundColor: theme.palette.purple.dark,
                         minWidth: "180px",
                         py: "9px",
                         px: "43px",
@@ -68,7 +68,7 @@ export const penaMuiTheme = createTheme({
                         },
                         "&:active": {
                             backgroundColor: "#FFFFFF",
-                            color: theme.palette.purple.main,
+                            color: theme.palette.purple.dark,
                         }
                     }),
                 },
@@ -91,8 +91,8 @@ export const penaMuiTheme = createTheme({
                             backgroundColor: theme.palette.bg.dark,
                         },
                         "&:active": {
-                            backgroundColor: theme.palette.purple.main,
-                            borderColor: theme.palette.purple.main,
+                            backgroundColor: theme.palette.purple.dark,
+                            borderColor: theme.palette.purple.dark,
                         }
                     }),
                 },
@@ -148,7 +148,7 @@ export const penaMuiTheme = createTheme({
                 {
                     props: { variant: "pena-outlined-purple" },
                     style: ({ theme }) => theme.unstable_sx({
-                        border: `1px solid ${theme.palette.purple.main}`,
+                        border: `1px solid ${theme.palette.purple.dark}`,
                         backgroundColor: "rgb(0 0 0 / 0)",
                         minWidth: "180px",
                         py: "9px",
@@ -159,7 +159,7 @@ export const penaMuiTheme = createTheme({
                         lineHeight: "24px",
                         fontWeight: 400,
                         textTransform: "none",
-                        color: theme.palette.purple.main,
+                        color: theme.palette.purple.dark,
                         "&:hover": {
                             backgroundColor: theme.palette.background.default,
                         },
@@ -201,10 +201,10 @@ export const penaMuiTheme = createTheme({
                         textTransform: "none",
                         color: "black",
                         "&:hover": {
-                            color: theme.palette.purple.main,
+                            color: theme.palette.purple.dark,
                         },
                         "&:active": {
-                            color: theme.palette.purple.main,
+                            color: theme.palette.purple.dark,
                         }
                     }),
                 },