diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/color-picker/property-editor-ui-color-picker.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/color-picker/property-editor-ui-color-picker.element.ts
index 802e71ec50..695a59bd5d 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/color-picker/property-editor-ui-color-picker.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/color-picker/property-editor-ui-color-picker.element.ts
@@ -27,8 +27,7 @@ export class UmbPropertyEditorUIColorPickerElement extends UmbLitElement {
 		if (includeLabels) this._includeLabels = includeLabels.value;
 
 		const colorSwatches = config.find((x) => x.alias === 'items');
-		if (colorSwatches)
-			this._swatches = (colorSwatches.value as any[]).slice().sort((a, b) => a.sortOrder - b.sortOrder);
+		if (colorSwatches) this._swatches = colorSwatches.value as any[];
 	}
 
 	private _onChange(event: UUIColorSwatchesEvent) {
diff --git a/src/Umbraco.Web.UI.Client/src/core/mocks/data/data-type.data.ts b/src/Umbraco.Web.UI.Client/src/core/mocks/data/data-type.data.ts
index c851beb0e4..09134662ed 100644
--- a/src/Umbraco.Web.UI.Client/src/core/mocks/data/data-type.data.ts
+++ b/src/Umbraco.Web.UI.Client/src/core/mocks/data/data-type.data.ts
@@ -63,47 +63,38 @@ export const data: Array<DataTypeModel & { type: 'data-type' }> = [
 					{
 						value: '#000000',
 						label: 'Black',
-						sortOrder: 0,
 					},
 					{
 						value: '#373737',
 						label: 'Dark',
-						sortOrder: 1,
 					},
 					{
 						value: '#9e9e9e',
 						label: 'Light',
-						sortOrder: 2,
 					},
 					{
 						value: '#607d8b',
 						label: 'Sage',
-						sortOrder: 3,
 					},
 					{
 						value: '#2196f3',
 						label: 'Sapphire',
-						sortOrder: 4,
 					},
 					{
 						value: '#03a9f4',
 						label: 'Sky',
-						sortOrder: 5,
 					},
 					{
 						value: '#3f51b5',
 						label: 'Blue',
-						sortOrder: 6,
 					},
 					{
 						value: '#9c27b0',
 						label: 'Magenta',
-						sortOrder: 8,
 					},
 					{
 						value: '#673ab7',
 						label: 'Purps',
-						sortOrder: 7,
 					},
 				],
 			},