diff --git a/packages/components/src/custom-gradient-picker/serializer.ts b/packages/components/src/custom-gradient-picker/serializer.ts
index 226348dadc66c1..67a315970f8562 100644
--- a/packages/components/src/custom-gradient-picker/serializer.ts
+++ b/packages/components/src/custom-gradient-picker/serializer.ts
@@ -2,15 +2,11 @@
  * External dependencies
  */
 import type gradientParser from 'gradient-parser';
-/**
- * Internal dependencies
- */
-import type { ColorStopTypeAndValue } from './types';
 
 export function serializeGradientColor( {
 	type,
 	value,
-}: ColorStopTypeAndValue ) {
+}: gradientParser.ColorStop ) {
 	if ( type === 'literal' ) {
 		return value;
 	}
@@ -38,7 +34,7 @@ export function serializeGradientColorStop( {
 	return `${ serializeGradientColor( {
 		type,
 		value,
-	} as ColorStopTypeAndValue ) } ${ serializeGradientPosition( length ) }`;
+	} as gradientParser.ColorStop ) } ${ serializeGradientPosition( length ) }`;
 }
 
 export function serializeGradientOrientation(
diff --git a/packages/components/src/custom-gradient-picker/types.ts b/packages/components/src/custom-gradient-picker/types.ts
index 93407fd77ddcf8..f0dc50094a5b6e 100644
--- a/packages/components/src/custom-gradient-picker/types.ts
+++ b/packages/components/src/custom-gradient-picker/types.ts
@@ -48,24 +48,6 @@ export type GradientTypePickerProps = {
 
 export type ControlPoint = { color: string; position: number };
 
-// When dealing with unions of objects, using `Pick` will result
-// in a new type where each desired prop is a union of the values for that prop
-// across all of the original union members. This does not maintain the specific
-// combinations of props present in the original union.
-// To avoid this, the `DistributivePick` type will
-// "distribute" the `Pick` across the union. This allows the `Pick`
-// to act on each member individually, maintaining the relationships between the
-// resulting props.
-// https://stackoverflow.com/questions/57103834/typescript-omit-a-property-from-all-interfaces-in-a-union-but-keep-the-union-s
-type DistributivePick< T, K extends keyof T > = T extends any
-	? Pick< T, K >
-	: never;
-
-export type ColorStopTypeAndValue = DistributivePick<
-	gradientParser.ColorStop,
-	'type' | 'value'
->;
-
 export type CustomGradientBarProps = {
 	background: React.CSSProperties[ 'background' ];
 	hasGradient: boolean;