diff --git a/.changeset/big-taxis-raise.md b/.changeset/big-taxis-raise.md
new file mode 100644
index 0000000000..d6e1e6006e
--- /dev/null
+++ b/.changeset/big-taxis-raise.md
@@ -0,0 +1,5 @@
+---
+"@frontify/fondue-components": patch
+---
+
+fix(ColorPicker): allow empty alpha field
diff --git a/packages/components/src/components/ColorPicker/ColorValueInput.tsx b/packages/components/src/components/ColorPicker/ColorValueInput.tsx
index 5ab48c6297..6b1d6f7ea3 100644
--- a/packages/components/src/components/ColorPicker/ColorValueInput.tsx
+++ b/packages/components/src/components/ColorPicker/ColorValueInput.tsx
@@ -156,7 +156,8 @@ export const ColorValueInput = (
                 <TextInput.Root
                     data-test-id="color-picker-value-input-alpha"
                     className={styles.valueInput}
-                    value={currentColor.alpha === undefined ? 100 : Math.trunc(currentColor.alpha * 100)}
+                    /* .toString() is a workaround for https://github.com/facebook/react/issues/9402 */
+                    value={currentColor.alpha === undefined ? 100 : Math.trunc(currentColor.alpha * 100).toString()}
                     type="number"
                     onChange={(event) => {
                         onColorChange({