diff --git a/package/document-component/src/document/zh-CN/components/icon.md b/package/document-component/src/document/zh-CN/components/icon.md
index 03c78ae4..70c4f8b3 100644
--- a/package/document-component/src/document/zh-CN/components/icon.md
+++ b/package/document-component/src/document/zh-CN/components/icon.md
@@ -14,12 +14,11 @@
 
 <template>
   <lay-icon type="layui-icon-face-smile"></lay-icon> &nbsp;
-  <lay-icon type="layui-icon-face-smile" color="orange"></lay-icon> &nbsp;
-  <lay-icon type="layui-icon-face-smile" color="green"></lay-icon> &nbsp;
-  <lay-icon type="layui-icon-face-smile" color="cyan"></lay-icon> &nbsp;
-  <lay-icon type="layui-icon-face-smile" color="blue"></lay-icon> &nbsp;
-  <lay-icon type="layui-icon-face-smile" color="black"></lay-icon> &nbsp;
-  <lay-icon type="layui-icon-face-smile" color="red" size="24px" ></lay-icon>
+  <lay-icon type="layui-icon-face-smile" color="#009688"></lay-icon> &nbsp;
+  <lay-icon type="layui-icon-face-smile" color="#5FB878"></lay-icon> &nbsp;
+  <lay-icon type="layui-icon-face-smile" color="#1E9FFF"></lay-icon> &nbsp;
+  <lay-icon type="layui-icon-face-smile" color="#FFB800"></lay-icon> &nbsp;
+  <lay-icon type="layui-icon-face-smile" color="#FF5722" size="24px"></lay-icon> &nbsp;
 </template>
 
 <script>