diff --git a/example/docs/zh-CN/components/colorPicker.md b/example/docs/zh-CN/components/colorPicker.md
index 13f3ba6e..d9f62cd8 100644
--- a/example/docs/zh-CN/components/colorPicker.md
+++ b/example/docs/zh-CN/components/colorPicker.md
@@ -7,13 +7,46 @@
 ::: demo
 
 <template>
-  <lay-color-picker></lay-color-picker>
+  <lay-color-picker v-model="color"></lay-color-picker>
 </template>
 
 <script>
+import { ref } from "vue";
+
 export default {
   setup() {
+    const color = ref("#009688");
+
     return {
+      color
+    }
+  }
+}
+</script>
+
+:::
+
+::: title 预设颜色
+:::
+
+::: demo
+
+<template>
+  <lay-color-picker v-model="color" :preset="preset"></lay-color-picker>
+</template>
+
+<script>
+import { ref } from "vue";
+
+export default {
+  setup() {
+    const color = ref("#009688");
+
+    const preset = ref(["#009688", "#1e9fff", "#ffb800", "#ff5722", "#5fb878"])
+
+    return {
+      color,
+      preset
     }
   }
 }
@@ -28,9 +61,8 @@ export default {
 
 |            |          |     |
 | ---------- | -------- | --- |
-| v-model    | 默认值   | --  |
-| page       | 开启分页 | --  |
-| showSearch | 启用搜索 | --  |
+| v-model    | 选中色   | --  |
+| preset | 预设颜色 | --  |
 
 :::
 
diff --git a/src/component/colorPicker/index.vue b/src/component/colorPicker/index.vue
index 92b5f328..c51d73a4 100644
--- a/src/component/colorPicker/index.vue
+++ b/src/component/colorPicker/index.vue
@@ -109,7 +109,7 @@ export interface LayColorPicker {
 }
 
 const props = withDefaults(defineProps<LayColorPicker>(), {
-  modelValue: { r: 217, g: 128, b: 95, a: 1 },
+  modelValue: { r: 255, g: 255, b: 255, a: 1 },
   preset: ["#009688", "#1e9fff", "#ffb800", "#ff5722", "#5fb878"],
 });