diff --git a/src/color-picker/ColorPicker.tsx b/src/color-picker/ColorPicker.tsx
index e145039829..d415057d08 100644
--- a/src/color-picker/ColorPicker.tsx
+++ b/src/color-picker/ColorPicker.tsx
@@ -42,6 +42,7 @@ const ColorPicker: React.FC<ColorPickerProps> = (props) => {
             colorModes={colorModes}
             onChange={(value: string, context: TdColorContext) => setInnerValue(value, context)}
             ref={colorPanelRef}
+            key={innerValue}
           />
         )
       }