diff --git a/packages/grafana-ui/src/components/ColorPicker/ColorPickerInput.tsx b/packages/grafana-ui/src/components/ColorPicker/ColorPickerInput.tsx
index fd26ab1c8c5..437d7d03982 100644
--- a/packages/grafana-ui/src/components/ColorPicker/ColorPickerInput.tsx
+++ b/packages/grafana-ui/src/components/ColorPicker/ColorPickerInput.tsx
@@ -29,6 +29,14 @@ export const ColorPickerInput = forwardRef<HTMLInputElement, ColorPickerInputPro
 
     useThrottleFn(
       (c) => {
+        if (c === value) {
+          return;
+        }
+        // Default to an empty string if no color value is available
+        if (!c) {
+          onChange('');
+          return;
+        }
         const color = theme.visualization.getColorByName(c);
         if (returnColorAs === 'rgb') {
           onChange(colorManipulator.asRgbString(color));