diff --git a/src/frontend/src/lib/styles/global/button.scss b/src/frontend/src/lib/styles/global/button.scss
index 3a85126c74..2c52968905 100644
--- a/src/frontend/src/lib/styles/global/button.scss
+++ b/src/frontend/src/lib/styles/global/button.scss
@@ -42,8 +42,12 @@ button {
 	}
 
 	&.primary {
-		background: var(--color-dodger-blue);
+		background: var(--color-brandeis-blue);
 		color: var(--color-white);
+
+		&:hover {
+			background: var(--color-brilliant-azure);
+		}
 	}
 
 	&.secondary {
diff --git a/src/frontend/src/lib/styles/global/colors.scss b/src/frontend/src/lib/styles/global/colors.scss
index 93a7cb7067..9f57eb1856 100644
--- a/src/frontend/src/lib/styles/global/colors.scss
+++ b/src/frontend/src/lib/styles/global/colors.scss
@@ -22,6 +22,7 @@
 	--color-brandeis-blue: theme(colors.brandeis-blue);
 	--color-spiro-disco-ball: theme(colors.spiro-disco-ball);
 	--color-cetacean-blue: theme(colors.cetacean-blue);
+	--color-brilliant-azure: theme(colors.brilliant-azure);
 
 	// Brand
 	--color-wallet-connect: #3b99fc;
diff --git a/tailwind.config.js b/tailwind.config.js
index a8bdc72dc0..c88045ac43 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -24,6 +24,7 @@ export default {
 			'brandeis-blue': '#016dfc',
 			'crayola-blue': '#147bff',
 			'cetacean-blue': '#0e002d',
+			'brilliant-azure': '#348afd',
 			'spiro-disco-ball': '#1bb5ff',
 			'misty-rose': '#937993',
 			goldenrod: '#dfa81b',