diff --git a/src/components/ColorPicker.tsx b/src/components/ColorPicker.tsx
index 65dfc78b..a415db92 100644
--- a/src/components/ColorPicker.tsx
+++ b/src/components/ColorPicker.tsx
@@ -45,6 +45,7 @@ export function ColorPicker({
         type="text"
         className="swatch-input"
         value={color || ""}
+        onPaste={e => onChange(e.clipboardData.getData("text"))}
         onChange={e => onChange(e.target.value)}
       />
     </div>