diff --git a/assets/css/base.css b/assets/css/base.css
index 8321345..44f0dc7 100644
--- a/assets/css/base.css
+++ b/assets/css/base.css
@@ -11,6 +11,7 @@
     --clr-primary-a30: #c98bcc;
     --clr-primary-a40: #d29ed4;
     --clr-primary-a50: #dcb1dd;
+    --clr-primary-a60: #e1d7e1;
 
     /** Theme surface colors */
     --clr-surface-a0: #121212;
diff --git a/assets/css/index.css b/assets/css/index.css
index 0e42fdf..51f1146 100644
--- a/assets/css/index.css
+++ b/assets/css/index.css
@@ -8,13 +8,13 @@
 h1 {
     font-size: 68px;
     font-family: 'Indie Flower', cursive;
-    color: var(--clr-primary-a50);
+    color: var(--clr-primary-a60);
 }
 
 h2 {
     font-size: 42px;
     font-family: 'Indie Flower', cursive;
-    color: var(--clr-primary-a50);
+    color: var(--clr-primary-a60);
 }
 
 @media screen and (width<700px) {