diff --git a/.changeset/stupid-beans-brush.md b/.changeset/stupid-beans-brush.md
new file mode 100644
index 00000000..d993fde8
--- /dev/null
+++ b/.changeset/stupid-beans-brush.md
@@ -0,0 +1,5 @@
+---
+"@spear-ai/tailwind-config": patch
+---
+
+Fixed color formatted as HSL instead of OKLCH.
diff --git a/packages/tailwind-config/src/tailwind-radix-colors.ts b/packages/tailwind-config/src/tailwind-radix-colors.ts
index f8e37d13..ff4a99f8 100644
--- a/packages/tailwind-config/src/tailwind-radix-colors.ts
+++ b/packages/tailwind-config/src/tailwind-radix-colors.ts
@@ -79,7 +79,7 @@ export const getColorValue = (options: {
   const value = isAlpha
     ? `${lch?.l ?? 0} ${lch?.c ?? 0} ${lch?.h ?? 0} / ${lch?.alpha ?? 1}`
     : `${lch?.l ?? 0} ${lch?.c ?? 0} ${lch?.h ?? 0}`;
-  return isVariable ? value : `hsl(${value})`;
+  return isVariable ? value : `oklch(${value})`;
 };
 
 export type Colors = Record<string, Record<string, string> | string>;