Ok arctic color chosen

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;

src/components/Footer.scss

@@ -1,5 +1,5 @@
 .site-footer {
-  background: darkgrey;
+  background: #84B7DB;
   margin: 10px;
   border-radius: 5px;
 

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 {

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;

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 {