@@ -25,6 +25,7 @@
 -   `BorderControl`, `BorderBoxControl`: Stop offering `%` as a width unit, since `border-width` does not accept percentages. A width already set in `%` keeps showing its unit ([#83492](https://github.com/WordPress/gutenberg/pull/83492)).
 -   `UnitControl`: After clearing a value whose unit is not in `units`, give the next typed value the unit shown in the select instead of the cleared one ([#83492](https://github.com/WordPress/gutenberg/pull/83492)).
 -   `ResizableBox`: Update `re-resizable` to `6.11.2`, which supports React 18 and renders the top and left handles before the content so focus order matches visual order ([#83754](https://github.com/WordPress/gutenberg/pull/83754)).
+-   `PaletteEdit`: Keep an item's slug when it is renamed, so blocks and styles that reference the preset keep working ([#83750](https://github.com/WordPress/gutenberg/pull/83750)).
 
 ### Internal
 
 
@@ -11,7 +11,6 @@ import {
 import { __, sprintf } from '@wordpress/i18n';
 import { lineSolid, moreVertical, plus } from '@wordpress/icons';
 import { useDebounce, useInstanceId } from '@wordpress/compose';
-import { kebabCase } from '@wordpress/kebab-case';
 import { Menu, Stack, useEnableWpCompatOverlaySlot } from '@wordpress/ui';
 import Button from '../button';
 import { ColorPicker } from '../color-picker';
@@ -418,7 +417,6 @@ function Option< T extends PaletteElement >( {
 	onChange,
 	onRemove,
 	popoverProps: receivedPopoverProps,
-	slugPrefix,
 	variant,
 	colorPalette,
 }: OptionProps< T > ) {
@@ -463,9 +461,6 @@ function Option< T extends PaletteElement >( {
 								onChange( {
 									...element,
 									name: nextName,
-									slug:
-										slugPrefix +
-										kebabCase( nextName ?? '' ),
 								} )
 							}
 						/>
@@ -512,7 +507,6 @@ function PaletteEditListView< T extends PaletteElement >( {
 	elements,
 	onChange,
 	canOnlyChangeValues,
-	slugPrefix,
 	variant,
 	colorPalette,
 	popoverProps,
@@ -566,7 +560,6 @@ function PaletteEditListView< T extends PaletteElement >( {
 							);
 							addColorRef.current?.focus();
 						} }
-						slugPrefix={ slugPrefix }
 						popoverProps={ popoverProps }
 					/>
 				) ) }
@@ -828,7 +821,6 @@ export function PaletteEdit( {
 							elements={ elements }
 							// @ts-expect-error TODO: Don't know how to resolve
 							onChange={ onChange }
-							slugPrefix={ slugPrefix }
 							variant={ variant }
 							colorPalette={ duotoneColorPalette }
 							popoverProps={ popoverProps }
 
@@ -727,7 +727,7 @@ describe( 'PaletteEdit', () => {
 		} );
 	} );
 
-	it( 'can update palette name', async () => {
+	it( 'can update palette name without changing its slug', async () => {
 		const onChange = vi.fn();
 
 		await render(
@@ -762,7 +762,6 @@ describe( 'PaletteEdit', () => {
 				{
 					...colors[ 0 ],
 					name: 'Primary Updated',
-					slug: 'primary-updated',
 				},
 				colors[ 1 ],
 			] );
 
@@ -153,7 +153,6 @@ export type OptionProps< T extends PaletteElement > = {
 	key: Key;
 	onRemove: MouseEventHandler< HTMLButtonElement >;
 	popoverProps?: PaletteEditProps[ 'popoverProps' ];
-	slugPrefix: string;
 };
 
 export type PaletteEditListViewProps< T extends PaletteElement > = {
@@ -166,5 +165,4 @@ export type PaletteEditListViewProps< T extends PaletteElement > = {
 	editingElement?: EditingElement;
 	popoverProps?: PaletteEditProps[ 'popoverProps' ];
 	setEditingElement: ( newEditingElement?: EditingElement ) => void;
-	slugPrefix: string;
 };