diff --git a/packages/lib/src/utils/color.ts b/packages/lib/src/utils/color.ts
index a96124c5..c1604c3d 100644
--- a/packages/lib/src/utils/color.ts
+++ b/packages/lib/src/utils/color.ts
@@ -181,14 +181,3 @@ export const getColorPropertyNames = <T extends object>(target: T): Array<keyof
 
   return colorNames as Array<keyof T & string>;
 };
-
-// Extract color names directly from the object
-type CssColorName = keyof typeof cssColorNamesMap;
-
-// Combine all valid CSS color types
-export type CssColor = CssColorName | `#${string}`
-
-// // Utility to replace pc.Color with CssColor
-// export type WithCssColors<T> = {
-//   [K in keyof T]: T[K] extends Color ? CssColor : T[K];
-// };
diff --git a/packages/lib/src/utils/types-utils.ts b/packages/lib/src/utils/types-utils.ts
index 85dbb3ed..7f2a69af 100644
--- a/packages/lib/src/utils/types-utils.ts
+++ b/packages/lib/src/utils/types-utils.ts
@@ -4,7 +4,6 @@ import { Color } from "playcanvas";
 import { Vec4 } from "playcanvas";
 import { Quat } from "playcanvas";
 import { Vec3 } from "playcanvas";
-import { CssColor } from "./color";
 
 type BuiltInKeys =
   | 'constructor' | 'prototype' | 'length' | 'name'
@@ -36,7 +35,7 @@ export type PublicProps<T> = {
 
 
 export type Serializable<T> = {
-  [K in keyof T]: T[K] extends Color ? CssColor :
+  [K in keyof T]: T[K] extends Color ? string :
                   T[K] extends Vec2 ? [number, number] :
                   T[K] extends Vec3 ? [number, number, number] :
                   T[K] extends Vec4 ? [number, number, number, number] :