diff --git a/services/web/frontend/stylesheets/components/card.less b/services/web/frontend/stylesheets/components/card.less
index 208cb3e862..832e081062 100644
--- a/services/web/frontend/stylesheets/components/card.less
+++ b/services/web/frontend/stylesheets/components/card.less
@@ -78,6 +78,6 @@
 
 .card-gray {
   &:extend(.card);
-  background-color: @neutral-10;
+  background-color: @card-gray-bg-color;
   border-radius: @card-border-radius;
 }
diff --git a/services/web/frontend/stylesheets/core/page.less b/services/web/frontend/stylesheets/core/page.less
index 6859ee2d0b..33296008d5 100644
--- a/services/web/frontend/stylesheets/core/page.less
+++ b/services/web/frontend/stylesheets/core/page.less
@@ -14,7 +14,7 @@
   }
 
   .card {
-    background-color: @blue-10;
+    background-color: @card-gray-bg-color;
     border-radius: 24px;
   }
 
diff --git a/services/web/frontend/stylesheets/core/variables.less b/services/web/frontend/stylesheets/core/variables.less
index 6920b18b56..53ca508962 100644
--- a/services/web/frontend/stylesheets/core/variables.less
+++ b/services/web/frontend/stylesheets/core/variables.less
@@ -935,8 +935,9 @@
 
 // Cards
 @card-border-radius: @border-radius-base-new;
+@card-gray-bg-color: @neutral-10; // only some variations of cards
 @card-box-shadow: 0px 4px 12px rgba(30, 37, 48, 0.12),
-  0px 2px 4px rgba(30, 37, 48, 0.08);
+  0px 2px 4px rgba(30, 37, 48, 0.08); // only some variations of cards
 
 // Project table
 @structured-list-link-color: @ol-blue;
diff --git a/services/web/frontend/stylesheets/variables/all.less b/services/web/frontend/stylesheets/variables/all.less
index 16e6f253d4..3046990c00 100644
--- a/services/web/frontend/stylesheets/variables/all.less
+++ b/services/web/frontend/stylesheets/variables/all.less
@@ -722,8 +722,9 @@
 
 // Cards
 @card-border-radius: @border-radius-base-new;
+@card-gray-bg-color: @neutral-10; // only some variations of cards
 @card-box-shadow: 0px 4px 12px rgba(30, 37, 48, 0.12),
-  0px 2px 4px rgba(30, 37, 48, 0.08);
+  0px 2px 4px rgba(30, 37, 48, 0.08); // only some variations of cards
 
 // Project table
 @structured-list-link-color: @blue;