diff --git a/components/card/style/index.less b/components/card/style/index.less
index c1bdc2a984..5469b8d2f0 100644
--- a/components/card/style/index.less
+++ b/components/card/style/index.less
@@ -76,7 +76,7 @@
     // https://stackoverflow.com/a/22429853/3040605
     margin-left: auto;
     padding: @card-head-padding 0;
-    color: @text-color;
+    color: @card-head-extra-color;
     font-weight: normal;
     font-size: @font-size-base;
 
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index 50de5a8c41..78b530e33e 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -650,6 +650,7 @@
   0 5px 12px 4px rgba(0, 0, 0, 0.09);
 @card-radius: @border-radius-base;
 @card-head-tabs-margin-bottom: -17px;
+@card-head-extra-color: @text-color;
 
 // Comment
 // ---