diff --git a/packages/webawesome/docs/docs/resources/changelog.md b/packages/webawesome/docs/docs/resources/changelog.md
index 9b662280a..6d3f967e4 100644
--- a/packages/webawesome/docs/docs/resources/changelog.md
+++ b/packages/webawesome/docs/docs/resources/changelog.md
@@ -23,6 +23,7 @@ During the alpha period, things might break! We take breaking changes very serio
 - 🚨 BREAKING: Renamed the `classic` theme to `shoelace`
 - 🚨 BREAKING: Renamed `pulse` attribute in `<wa-badge>` to `attention="pulse"` and added `attention="bounce"` [issue:#940]
 - 🚨 BREAKING: Renamed the `vertical` attribute to `orientation="vertical"` in `<wa-split-panel>` and `<wa-divider>` to align with other components and the platform [issue:674]
+- 🚨 BREAKING: Renamed the `eye-dropper-*` parts to `eyedropper` in `<wa-color-picker>`
 - 🚨 BREAKING: Renamed certain boolean attributes to be more consistent using the `with-*` and `without-*` pattern:
   - `<wa-color-picker no-format-toggle>` => `<wa-color-picker without-format-toggle>`
   - `<wa-format-number no-grouping>` => `<wa-format-number without-grouping>`
diff --git a/packages/webawesome/src/components/color-picker/color-picker.ts b/packages/webawesome/src/components/color-picker/color-picker.ts
index 790a14e61..a15d9ef94 100644
--- a/packages/webawesome/src/components/color-picker/color-picker.ts
+++ b/packages/webawesome/src/components/color-picker/color-picker.ts
@@ -72,12 +72,12 @@ declare const EyeDropper: EyeDropperConstructor;
  * @csspart opacity-slider-handle - The opacity slider's handle.
  * @csspart preview - The preview color.
  * @csspart input - The text input.
- * @csspart eye-dropper-button - The eye dropper button.
- * @csspart eye-dropper-button__base - The eye dropper button's exported `button` part.
- * @csspart eye-dropper-button__start - The eye dropper button's exported `start` part.
- * @csspart eye-dropper-button__label - The eye dropper button's exported `label` part.
- * @csspart eye-dropper-button__end - The eye dropper button's exported `end` part.
- * @csspart eye-dropper-button__caret - The eye dropper button's exported `caret` part.
+ * @csspart eyedropper-button - The eye dropper button.
+ * @csspart eyedropper-button__base - The eye dropper button's exported `button` part.
+ * @csspart eyedropper-button__start - The eye dropper button's exported `start` part.
+ * @csspart eyedropper-button__label - The eye dropper button's exported `label` part.
+ * @csspart eyedropper-button__end - The eye dropper button's exported `end` part.
+ * @csspart eyedropper-button__caret - The eye dropper button's exported `caret` part.
  * @csspart format-button - The format button.
  * @csspart format-button__base - The format button's exported `button` part.
  * @csspart format-button__start - The format button's exported `start` part.
@@ -1227,15 +1227,15 @@ export default class WaColorPicker extends WebAwesomeFormAssociatedElement {
             ${this.hasEyeDropper
               ? html`
                   <wa-button
-                    part="eye-dropper-button"
+                    part="eyedropper-button"
                     size="small"
                     appearance="outlined"
                     exportparts="
-                      base:eye-dropper-button__base,
-                      start:eye-dropper-button__start,
-                      label:eye-dropper-button__label,
-                      end:eye-dropper-button__end,
-                      caret:eye-dropper-button__caret
+                      base:eyedropper-button__base,
+                      start:eyedropper-button__start,
+                      label:eyedropper-button__label,
+                      end:eyedropper-button__end,
+                      caret:eyedropper-button__caret
                     "
                     @click=${this.handleEyeDropper}
                     @blur=${this.stopNestedEventPropagation}
@@ -1243,7 +1243,7 @@ export default class WaColorPicker extends WebAwesomeFormAssociatedElement {
                   >
                     <wa-icon
                       library="system"
-                      name="eye-dropper"
+                      name="eyedropper"
                       variant="solid"
                       label=${this.localize.term('selectAColorFromTheScreen')}
                     ></wa-icon>