diff --git a/src/scss/_buttons.scss b/src/scss/_buttons.scss
index 1984cca..0d2f8e2 100644
--- a/src/scss/_buttons.scss
+++ b/src/scss/_buttons.scss
@@ -9,7 +9,7 @@
 }
 
 .rounded-button:hover {
-  background-color: $primary-light;
+  background-color: darken($primary, $hover-threshold);
   transition: $hover-duration;
   text-decoration: none;
   color: white;
diff --git a/src/scss/_navbar.scss b/src/scss/_navbar.scss
index 9ccb545..0c640c1 100644
--- a/src/scss/_navbar.scss
+++ b/src/scss/_navbar.scss
@@ -48,6 +48,6 @@ $shrinking-duration: 0.4s;
 }
 
 .navbar__link:hover {
-  color: $primary;
+  color: darken($primary-dark, $hover-threshold);
   transition: $hover-duration;
 }
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 6c9139b..39c36d6 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -3,4 +3,5 @@ $primary-dark: #635c73;
 $primary-light: #a599c8;
 $regular-text: #848e97;
 
+$hover-threshold: 20%;
 $hover-duration: 0.3s;
\ No newline at end of file