diff --git a/_includes/styles/color-palette.scss b/_includes/styles/color-palette.scss
index e6953f8..60f0453 100644
--- a/_includes/styles/color-palette.scss
+++ b/_includes/styles/color-palette.scss
@@ -1,24 +1,29 @@
 /* Tokyo night color palette */
 :root {
   /* Dark Theme */
-  --tn-storm--background-10: #525a85;
-  --tn-storm--background-20: #464e73;
-  --tn-storm--background-30: #3b4161;
-  --tn-storm--background-40: #30354e;
-  --tn-storm--background-50: #24283b;
-  --tn-storm--background: var(--tn-storm--background-50);
-  --tn-night--background-10: #4E5173;
-  --tn-night--background-20: #414460;
-  --tn-night--background-30: #35374D;
-  --tn-night--background-40: #28293A;
-  --tn-night--background-50: #1a1b26;
-  --tn-night--background: var(--tn-night--background-50);
-  --tn-night--foreground: #a9b1d6;
+  --tn-dark--01: #f7768e;
+  --tn-dark--02: #ff9e64;
+  --tn-dark--03: #e0af68;
+  --tn-dark--04: #9ece6a;
+  --tn-dark--05: #73daca;
+  --tn-dark--06: #b4f9f8;
+  --tn-dark--07: #2ac3de;
+  --tn-dark--08: #7dcfff;
+  --tn-dark--09: #7aa2f7;
+  --tn-dark--10: #bb9af7;
+  --tn-dark--11: #c0caf5;
+  --tn-dark--12: #a9b1d6;
+  --tn-dark--13: #9aa5ce;
+  --tn-dark--14: #cfc9c2;
+  --tn-dark--15: #565f89;
+  --tn-dark--16: #414868;
+  --tn-dark--17: #24283b;
+  --tn-dark--18: #1a1b26;
   --tn-dark--black-10: #6973a1;
   --tn-dark--black-20: #5d6795;
   --tn-dark--black-30: #545d86;
   --tn-dark--black-40: #4a5277;
-  --tn-dark--black-50: #414868;
+  --tn-dark--black-50: var(--tn-dark--16);
   --tn-dark--black-60: #3c4360;
   --tn-dark--black-70: #383e59;
   --tn-dark--black-80: #333851;
@@ -27,22 +32,43 @@ :root {
   --tn-dark--white-20: #ced6f7;
   --tn-dark--white-30: #cad2f7;
   --tn-dark--white-40: #c6cff6;
-  --tn-dark--white-50: #c0caf5;
+  --tn-dark--white-50: var(--tn-dark--11);
   --tn-dark--white-60: #a6b4f1;
   --tn-dark--white-70: #8b9ded;
   --tn-dark--white-80: #7086e9;
   --tn-dark--white-90: #556fe4;
   --tn-dark--black: var(--tn-dark--black-50);
   --tn-dark--white: var(--tn-dark--white-50);
-  --tn-dark--red: #f7768e;
-  --tn-dark--yellow: #e0af68;
-  --tn-dark--green: #9ece6a;
-  --tn-dark--cyan: #7dcfff;
-  --tn-dark--blue: #7aa2f7;
-  --tn-dark--magenta: #bb9af7;
-  --tn-dark--brown: #cfc9c2;
+  --tn-storm--background-10: #525a85;
+  --tn-storm--background-20: #464e73;
+  --tn-storm--background-30: #3b4161;
+  --tn-storm--background-40: #30354e;
+  --tn-storm--background-50: var(--tn-dark--17);
+  --tn-storm--background: var(--tn-storm--background-50);
+  --tn-night--background-10: #4E5173;
+  --tn-night--background-20: #414460;
+  --tn-night--background-30: #35374D;
+  --tn-night--background-40: #28293A;
+  --tn-night--background-50: var(--tn-dark--18);
+  --tn-night--background: var(--tn-night--background-50);
+  --tn-night--foreground: var(--tn-dark--12);
 
   /* Light Theme */
+  --tn-light--01: #8c4351;
+  --tn-light--02: #965027;
+  --tn-light--03: #8f5e15;
+  --tn-light--04: #485e30;
+  --tn-light--05: #33635c;
+  --tn-light--06: #166775;
+  --tn-light--07: #0f4b6e;
+  --tn-light--08: #34548a;
+  --tn-light--09: #5a4a78;
+  --tn-light--10: #343b58;
+  --tn-light--11: #565a6e;
+  --tn-light--12: #634f30;
+  --tn-light--13: #0f0f14;
+  --tn-light--14: #9699a3;
+  --tn-light--15: #d5d6db;
   --tn-light--background-50: #d5d6db;
   --tn-light--background-60: #c5c6ce;
   --tn-light--background-70: #b4b6bf;
@@ -70,34 +96,27 @@ :root {
   --tn-light--white-90: #242a3e;
   --tn-light--black: var(--tn-dark--black-50);
   --tn-light--white: var(--tn-dark--white-50);
-  --tn-light--red: #8c4351;
-  --tn-light--yellow: #8f5e15;
-  --tn-light--green: #33635c;
-  --tn-light--cyan: #0f4b6e;
-  --tn-light--blue: #34548a;
-  --tn-light--magenta: #5a4a78;
-  --tn-light--brown: #634f30;
 }
 
 /* semantic color variables for this project */
 :root {
   --color-bg: var(--tn-night--background);
   --color-fg: var(--tn-night--foreground);
-  --color-black: var(--tn-dark--black);
-  --color-white: var(--tn-dark--white);
-  --color-red: var(--tn-dark--red);
-  --color-green: var(--tn-dark--green);
-  --color-blue: var(--tn-dark--blue);
-  --color-yellow: var(--tn-dark--yellow);
-  --color-cyan: var(--tn-dark--cyan);
-  --color-magenta: var(--tn-dark--magenta);
-  --color-brown: var(--tn-dark--brown);
-  --color-links: var(--tn-dark--cyan);
-  --color-error: var(--tn-dark--red);
-  --color-success: var(--tn-dark--green);
-  --color-warn: var(--tn-dark--yellow);
+  --color-black: var(--tn-dark--16);
+  --color-white: var(--tn-dark--11);
+  --color-red: var(--tn-dark--01);
+  --color-green: var(--tn-dark--05);
+  --color-blue: var(--tn-dark--09);
+  --color-yellow: var(--tn-dark--03);
+  --color-cyan: var(--tn-dark--08);
+  --color-magenta: var(--tn-dark--10);
+  --color-links: var(--color-blue);
+  --color-error: var(--color-red);
+  --color-success: var(--color-green);
+  --color-warn: var(--color-yellow);
   --color-bg--layer-01: var(--tn-storm--background-40);
   --color-bg--layer-02: var(--tn-storm--background-30);
+  --color-headings: var(--color-cyan);
 }
 
 @media (prefers-color-scheme: light) {
@@ -106,18 +125,19 @@ @media (prefers-color-scheme: light) {
     --color-fg: var(--tn-light--foreground);
     --color-black: var(--tn-light--black);
     --color-white: var(--tn-light--white);
-    --color-red: var(--tn-light--red);
-    --color-green: var(--tn-light--green);
-    --color-blue: var(--tn-light--blue);
-    --color-yellow: var(--tn-light--yellow);
-    --color-cyan: var(--tn-light--cyan);
-    --color-magenta: var(--tn-light--magenta);
-    --color-brown: var(--tn-light--brown);
-    --color-links: var(--tn-light--cyan);
-    --color-error: var(--tn-light--red);
-    --color-success: var(--tn-light--green);
-    --color-warn: var(--tn-light--yellow);
+    --color-red: var(--tn-light--01);
+    --color-green: var(--tn-light--05);
+    --color-blue: var(--tn-light--08);
+    --color-yellow: var(--tn-light--03);
+    --color-cyan: var(--tn-light--07);
+    --color-magenta: var(--tn-light--09);
+    --color-brown: var(--tn-light--12);
+    --color-links: var(--color-blue);
+    --color-error: var(--color-red);
+    --color-success: var(--color-green);
+    --color-warn: var(--color-yellow);
     --color-bg--layer-01: var(--tn-light--background-60);
     --color-bg--layer-02: var(--tn-light--background-70);
+    --color-headings: var(--color-cyan);
   }
 }