diff --git a/components/checkbox/config.css b/components/checkbox/config.css
index fe33d1e8..7c3dff5a 100644
--- a/components/checkbox/config.css
+++ b/components/checkbox/config.css
@@ -8,6 +8,7 @@
   --checkbox-focus-color: color(var(--color-black) a(1%));
   --checkbox-focus-size: calc(var(--checkbox-size) * 2.3);
   --checkbox-text-color: var(--color-black);
+  --checkbox-border-color: var(--palette-grey-600);
   --checkbox-text-font-size: var(--font-size-small);
   --checkbox-total-height: calc(1.8 * var(--unit));
   --checkbox-transition-duration: 0.2s;
diff --git a/components/checkbox/theme.css b/components/checkbox/theme.css
index 748c0926..5ab7609c 100644
--- a/components/checkbox/theme.css
+++ b/components/checkbox/theme.css
@@ -57,7 +57,7 @@
 }
 
 .check {
-  border-color: var(--checkbox-text-color);
+  border-color: var(--checkbox-border-color);
   border-radius: 2px;
   border-style: solid;
   border-width: 2px;