diff --git a/frontend/dark_color.css b/frontend/dark_color.css
index 4a676bab4a..03893ad473 100644
--- a/frontend/dark_color.css
+++ b/frontend/dark_color.css
@@ -212,6 +212,7 @@
 
         /* Landing colors */
         --index-text-color: rgb(199, 199, 199);
+        --index-light-text-color: rgb(199, 199, 199);
         --index-clickable-text-color: rgb(235, 235, 235);
         --index-card-bg: #313131;
         --welcome-mywork-bg: var(--header-bg-color);
diff --git a/frontend/featured-card.css b/frontend/featured-card.css
index 8c9bf82f46..974278667d 100644
--- a/frontend/featured-card.css
+++ b/frontend/featured-card.css
@@ -96,7 +96,7 @@ featured-card p {
     margin: 0.3rem 0.8rem;
     /* padding-top: 0; */
     /* margin-block: 0; */
-    color: #838383;
+    color: var(--index-light-text-color);
     -webkit-line-clamp: 4;
     display: inline-block;
     display: -webkit-inline-box;
diff --git a/frontend/light_color.css b/frontend/light_color.css
index 0dd3749c1d..c2c59224d5 100644
--- a/frontend/light_color.css
+++ b/frontend/light_color.css
@@ -215,6 +215,7 @@
 
         /* Landing colors */
         --index-text-color: hsl(0, 0, 60);
+        --index-light-text-color: #838383;
         --index-clickable-text-color: hsl(0, 0, 30);
         --docs-binding-bg: #8383830a;
         --index-card-bg: white;
diff --git a/frontend/welcome.css b/frontend/welcome.css
index 0aa2f54aef..c1e76db4f2 100644
--- a/frontend/welcome.css
+++ b/frontend/welcome.css
@@ -219,7 +219,6 @@ h1 {
 
 #featured p {
     max-width: 54ch;
-    color: #757575;
 }
 
 #github img {