diff --git a/packages/controls/js/libs/color-picker-control/color-picker-control.js b/packages/controls/js/libs/color-picker-control/color-picker-control.js
index 346f8ddad..086d674d2 100644
--- a/packages/controls/js/libs/color-picker-control/color-picker-control.js
+++ b/packages/controls/js/libs/color-picker-control/color-picker-control.js
@@ -158,9 +158,9 @@ export default function ColorPickerControl({
 						<ColorPallet
 							enableAlpha={true}
 							color={value}
-							onChange={(color: Object) => {
-								setValue(color.hex);
-							}}
+							onChangeComplete={(color: Object) =>
+								setValue(color.hex)
+							}
 						/>
 
 						{children}
@@ -181,7 +181,7 @@ export default function ColorPickerControl({
 			<ColorPallet
 				enableAlpha={false}
 				color={value}
-				onChange={(color: Object) => setValue(color.hex)}
+				onChangeComplete={(color: Object) => setValue(color.hex)}
 			/>
 
 			{children}
diff --git a/packages/controls/js/libs/color-picker-control/types/index.js b/packages/controls/js/libs/color-picker-control/types/index.js
index 6703b3f59..ed3089338 100644
--- a/packages/controls/js/libs/color-picker-control/types/index.js
+++ b/packages/controls/js/libs/color-picker-control/types/index.js
@@ -53,5 +53,5 @@ export type ColorPalletProps = {
 	/**
 	 * event that will be fired on color change
 	 */
-	onChange: (color: string) => void,
+	onChangeComplete: (color: string) => void,
 };