diff --git a/packages/components/color-picker/src/color-picker.ts b/packages/components/color-picker/src/color-picker.ts
index 12d2c6f9da..73d27d2608 100644
--- a/packages/components/color-picker/src/color-picker.ts
+++ b/packages/components/color-picker/src/color-picker.ts
@@ -11,7 +11,10 @@ export const colorPickerProps = buildProps({
   /**
    * @description binding value
    */
-  modelValue: String,
+  modelValue: {
+    type: definePropType<string | null>(String),
+    default: undefined,
+  },
   /**
    * @description ColorPicker id
    */
diff --git a/packages/components/color-picker/src/utils/color.ts b/packages/components/color-picker/src/utils/color.ts
index 526282edd3..b042675f41 100644
--- a/packages/components/color-picker/src/utils/color.ts
+++ b/packages/components/color-picker/src/utils/color.ts
@@ -6,7 +6,7 @@ import type { ColorFormats } from '@ctrl/tinycolor'
 interface ColorOptions {
   enableAlpha: boolean
   format: string
-  value?: string
+  value?: string | null
 }
 
 export default class Color {