diff --git a/src/components/AboutMe/AboutMe.scss b/src/components/AboutMe/AboutMe.scss
index ad3fdd1..970aeac 100644
--- a/src/components/AboutMe/AboutMe.scss
+++ b/src/components/AboutMe/AboutMe.scss
@@ -10,7 +10,7 @@
   }
 
   .about-me-card {
-    background: #61dafb;
+    background: #F1F1F1;
     border-radius: 5px;
     margin: 0 5px 0;
     padding: 10px;
@@ -18,7 +18,7 @@
   }
 
   #about-me {
-    background: #61dafb;
+    background: #F1F1F1;
     border-radius: 5px;
     padding: 15px;
     width: fit-content;
diff --git a/src/components/Footer.scss b/src/components/Footer.scss
index 8cdc4a2..ae722bb 100644
--- a/src/components/Footer.scss
+++ b/src/components/Footer.scss
@@ -1,5 +1,5 @@
 .site-footer {
-  background: darkgrey;
+  background: #84B7DB;
   margin: 10px;
   border-radius: 5px;
 
diff --git a/src/components/Header.scss b/src/components/Header.scss
index afefc08..3f88e0d 100644
--- a/src/components/Header.scss
+++ b/src/components/Header.scss
@@ -5,7 +5,7 @@ header {
   margin: 10px;
   padding: 10px;
   border-radius: 5px;
-  background: #66bb6a;
+  background: #84B7DB;
   font-family: "Fira Code", monospace;
 
   h1 {
diff --git a/src/components/ProjectGrid.scss b/src/components/ProjectGrid.scss
index 9a2de41..5e7cbd3 100644
--- a/src/components/ProjectGrid.scss
+++ b/src/components/ProjectGrid.scss
@@ -14,16 +14,21 @@ $breakpoints: (x-small: 430px, small: 660px, medium: 900px, large: 1300px, x-lar
 
 #project-grid-parent {
   margin: 10px;
-  background: #FFD43B;
+  background: #FECEA8;
   border-radius: 5px;
 
   & > #project-header {
-    background: grey;
+    background: #1C1C1C;
     border-radius: 5px 5px 0 0;
     margin-bottom: 2px;
 
+
     padding: 5px;
 
+    * {
+      color: white;
+    }
+
     h2 {
       margin-bottom: 0;
       font-family: "Fira Code", monospace;
@@ -114,7 +119,7 @@ $breakpoints: (x-small: 430px, small: 660px, medium: 900px, large: 1300px, x-lar
   .GridElementInternal {
     padding: 9px;
     border-radius: 5px;
-    background: lightcyan;
+    background: #F1F1F1;
 
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
     transition: box-shadow 0.3s ease-in-out;
diff --git a/src/index.scss b/src/index.scss
index c24760a..df2b6d3 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -1,3 +1,7 @@
+* {
+  color: #2A363B;
+}
+
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
@@ -6,7 +10,7 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   //background: url("./images/y-so-serious-white.png") repeat;
-  background-color: #24305E !important;
+  background-color: #3767A8 !important;
 }
 
 #root {