diff --git a/packages/docs/src/components/ColorPalette.svelte b/packages/docs/src/components/ColorPalette.svelte
index b75f4d5e39d..4fced144c98 100644
--- a/packages/docs/src/components/ColorPalette.svelte
+++ b/packages/docs/src/components/ColorPalette.svelte
@@ -215,13 +215,14 @@
       const parsedColor = parse(newValue)
       if (parsedColor) {
         if (newValue.startsWith("#")) {
-          parsedColor.mode = "hex"
+          colorState.mode = "hex"
+          colorState.originalMode = "hex"
+        } else {
+          colorState.mode = parsedColor.mode
+          colorState.originalMode = parsedColor.mode
         }
 
-        colorState.mode = parsedColor.mode
         colorState.value = newValue
-
-        colorState.originalMode = parsedColor.mode
         colorState.originalValue = newValue
 
         const oklchColor = oklch(parsedColor)