diff --git a/packages/pl-fe/src/utils/tailwind.ts b/packages/pl-fe/src/utils/tailwind.ts
index f2306e98e..4309c3cf8 100644
--- a/packages/pl-fe/src/utils/tailwind.ts
+++ b/packages/pl-fe/src/utils/tailwind.ts
@@ -52,7 +52,11 @@ const toTailwind = (config: {
   const colors: PlFeColors = config.colors;
   const legacyColors = fromLegacyColors(config);
 
-  return Object.fromEntries(Object.entries(legacyColors).map(([key, value]) => [key, typeof value === 'string' ? colors[key] || value : { ...value, ...colors[key] }]));
+
+  return {
+    ...colors,
+    ...Object.fromEntries(Object.entries(legacyColors).map(([key, value]) => [key, typeof value === 'string' ? colors[key] || value : { ...value, ...colors[key] }])),
+  };
 };
 
 export {