diff --git a/examples/docs/en-US/badge.md b/examples/docs/en-US/badge.md
index c4fc79bd78d..1ac87cade51 100644
--- a/examples/docs/en-US/badge.md
+++ b/examples/docs/en-US/badge.md
@@ -3,7 +3,7 @@
         margin-left: 10px;
     }
     .demo-badge {
-        background: #f4f5f9;
+        background: #edf0f8;
     }
 </style>
 
diff --git a/examples/docs/en-US/color.md b/examples/docs/en-US/color.md
index 495313a8e49..dfb8279d122 100644
--- a/examples/docs/en-US/color.md
+++ b/examples/docs/en-US/color.md
@@ -38,7 +38,7 @@
   }
   .bg-smoke {
     color: #1e1e28;
-    background-color: #f4f5f9;
+    background-color: #edf0f8;
   }
 
   .bg-success {
@@ -97,7 +97,7 @@ The main color of Element is bright and friendly blue.
     <div class="demo-color-box bg-brown">Meat Brown<div class="value">#ebb242</div></div>
   </tm-col>
   <tm-col :span="4">
-    <div class="demo-color-box bg-smoke">White Smoke<div class="value">#f4f5f9</div></div>
+    <div class="demo-color-box bg-smoke">White Smoke<div class="value">#edf0f8</div></div>
   </tm-col>
 </tm-row>
 
diff --git a/examples/docs/en-US/tabs.md b/examples/docs/en-US/tabs.md
index 18a793748e2..55a1048439f 100644
--- a/examples/docs/en-US/tabs.md
+++ b/examples/docs/en-US/tabs.md
@@ -173,7 +173,7 @@ Flow tabs.
 
 ```html
 <template>
-  <div style="padding: 20px; background-color: #f4f5f9;">
+  <div style="padding: 20px; background-color: #edf0f8;">
     <tm-tabs type="flow" v-model="activeName" @tab-click="handleClick">
       <tm-tab-pane label="User" name="first" icon="airplane">User</tm-tab-pane>
       <tm-tab-pane icon="airplane" label="Config Config Config Config Config Config Config Config Config Config Config Config Config Config Config " name="second" closable>Config</tm-tab-pane>
diff --git a/packages/theme-chalk/src/common/var.scss b/packages/theme-chalk/src/common/var.scss
index dc39b587caa..18b3444434d 100644
--- a/packages/theme-chalk/src/common/var.scss
+++ b/packages/theme-chalk/src/common/var.scss
@@ -20,7 +20,7 @@ $--color-sunset-orange: #ec5657 !default;
 $--color-meat-brown: #ebb242 !default;
 $--color-davys-grey: #3f4557 !default;
 $--color-dark-grey: #50586d !default;
-$--color-white-smoke: #f4f5f9 !default;
+$--color-white-smoke: #edf0f8 !default;
 $--color-dark-gunmetal: #1e1e28 !default;
 $--color-taupe-gray: #909090 !default;
 $--color-pastel-gray: #ccc !default;