diff --git a/packages/circle/index.less b/packages/circle/index.less
index 485692fe2..0be72694e 100644
--- a/packages/circle/index.less
+++ b/packages/circle/index.less
@@ -28,7 +28,7 @@
     top: 50%;
     left: 0;
     width: 100%;
-    color: @text-color;
+    color: @circle-text-color;
     position: absolute;
     transform: translateY(-50%);
   }
diff --git a/packages/style/var.less b/packages/style/var.less
index f470ee6f6..3e7ddf3a6 100644
--- a/packages/style/var.less
+++ b/packages/style/var.less
@@ -139,6 +139,9 @@
 @checkbox-disabled-label-color: @gray;
 @checkbox-disabled-background-color: @border-color;
 
+// Circle
+@circle-text-color: @text-color;
+
 // Collapse
 @collapse-item-transition-duration: .3s;
 @collapse-item-content-padding: 15px;