diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/components/multiple-color-picker-input/multiple-color-picker-input.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/components/multiple-color-picker-input/multiple-color-picker-input.element.ts
index 55f0a8a337..261d39ef7a 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/components/multiple-color-picker-input/multiple-color-picker-input.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/components/multiple-color-picker-input/multiple-color-picker-input.element.ts
@@ -39,6 +39,7 @@ export class UmbMultipleColorPickerInputElement extends FormControlMixin(UmbLitE
 			const oldValue = this._items;
 			this._items = model;
 			this.requestUpdate('_items', oldValue);
+			this.dispatchEvent(new UmbChangeEvent());
 		},
 	});
 
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property-editor/uis/color-swatches-editor/property-editor-ui-color-swatches-editor.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property-editor/uis/color-swatches-editor/property-editor-ui-color-swatches-editor.element.ts
index 03a10ddfcf..eee1b042aa 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/property-editor/uis/color-swatches-editor/property-editor-ui-color-swatches-editor.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/property-editor/uis/color-swatches-editor/property-editor-ui-color-swatches-editor.element.ts
@@ -21,7 +21,10 @@ export class UmbPropertyEditorUIColorSwatchesEditorElement extends UmbLitElement
 	@property({ attribute: false })
 	public set config(config: UmbPropertyEditorConfigCollection | undefined) {
 		this._showLabels = config?.getValueByAlias('useLabel') ?? this.#defaultShowLabels;
-		this.value = config?.getValueByAlias('items') ?? [];
+		const items = config?.getValueByAlias('items') as typeof this.value;
+		if (items) {
+			this.value = items;
+		}
 	}
 
 	#onChange(event: CustomEvent) {
@@ -32,7 +35,7 @@ export class UmbPropertyEditorUIColorSwatchesEditorElement extends UmbLitElement
 	render() {
 		return html`<umb-multiple-color-picker-input
 			?showLabels=${this._showLabels}
-			.items="${this.value ?? []}"
+			.items="${this.value}"
 			@change=${this.#onChange}></umb-multiple-color-picker-input>`;
 	}
 }