diff --git a/frontend/src/assets/_general.scss b/frontend/src/assets/_general.scss
index 8b0e03b..ee637c4 100644
--- a/frontend/src/assets/_general.scss
+++ b/frontend/src/assets/_general.scss
@@ -6,11 +6,13 @@
 
 body {
   font-family: OpenSans Roboto sans-serif;
-  background-color: var(--blue-space);
+  background-color: var(--clr1);
+  color: var(--clr6);
 }
 
 a {
   text-decoration: none;
+  color: var(--clr6);
 }
 
 .flex {
diff --git a/frontend/src/assets/_vars.scss b/frontend/src/assets/_vars.scss
index 432e652..3f0b170 100644
--- a/frontend/src/assets/_vars.scss
+++ b/frontend/src/assets/_vars.scss
@@ -1,8 +1,8 @@
 :root {
-    --black-midnight: #040506;
-    --blue-space: #0a0d10;
-    --blue-shadow: #162129;
-    --blue-oceanic: #23455b;
-    --gray-steel: #223440;
-    --red-rustic: #591b12;    
+    --clr1: #0f0f0f;
+    --clr2: #3f3f3f;
+    --clr3: #232D3F;
+    --clr4: #23455b;
+    --clr5: #223440;
+    --clr6: #ffffff;    
 }
\ No newline at end of file
diff --git a/frontend/src/assets/nav.scss b/frontend/src/assets/nav.scss
index d7f31c1..224fcb6 100644
--- a/frontend/src/assets/nav.scss
+++ b/frontend/src/assets/nav.scss
@@ -1,7 +1,7 @@
 header {
   width: 100vw;
   padding: 2rem 1rem;
-  background-color: var(--blue-shadow);
+  background-color: var(--clr3);
 }
 
 header,