diff --git a/src/checkbox/main.scss b/src/checkbox/main.scss
index 7a547d6cd5..9295bd5fef 100644
--- a/src/checkbox/main.scss
+++ b/src/checkbox/main.scss
@@ -113,6 +113,9 @@
                 }
             }
         }
+        #{$checkbox-prefix}-label {
+            color: $checkbox-disabled-label-color;
+        }
     }
 
     &:not(.disabled):hover,
@@ -162,6 +165,7 @@
 
 #{$checkbox-prefix}-label {
     font-size: $checkbox-font-size;
+    color: $checkbox-label-color;
     vertical-align: middle;
     margin: 0;
     margin-left: $checkbox-margin-left;
diff --git a/src/checkbox/scss/variable.scss b/src/checkbox/scss/variable.scss
index 28c4b66e2b..ef899fd9f4 100644
--- a/src/checkbox/scss/variable.scss
+++ b/src/checkbox/scss/variable.scss
@@ -50,6 +50,12 @@ $checkbox-checked-hovered-border-color: $color-transparent !default;
 /// @namespace statement/checked/icon
 $checkbox-checked-circle-color: $color-white !default;
 /// text
+/// @namespace statement/normal/label
+$checkbox-label-color: $color-text1-4 !default;
+/// text
+/// @namespace statement/disabled/label
+$checkbox-disabled-label-color: $color-text1-4 !default;
+/// text
 /// @namespace statement/disabled/icon
 $checkbox-disabled-circle-color: $color-text1-1 !default;
 /// text