diff --git a/packages/pl-fe/src/normalizers/pl-fe/pl-fe-config.ts b/packages/pl-fe/src/normalizers/pl-fe/pl-fe-config.ts
index 52048af56..022685923 100644
--- a/packages/pl-fe/src/normalizers/pl-fe/pl-fe-config.ts
+++ b/packages/pl-fe/src/normalizers/pl-fe/pl-fe-config.ts
@@ -143,7 +143,15 @@ const plFeConfigSchema = v.pipe(coerceObject({
     ...config,
     brandColor,
     accentColor,
-    colors: normalizedColors,
+    colors: {
+      // @ts-ignore
+      'gradient-start': normalizedColors.primary?.['500'],
+      // @ts-ignore
+      'gradient-end': normalizedColors.accent?.['500'],
+      // @ts-ignore
+      'accent-blue': normalizedColors.primary?.['600'],
+      ...normalizedColors,
+    } as typeof normalizedColors,
   };
 }));
 
diff --git a/packages/pl-fe/src/utils/tailwind.ts b/packages/pl-fe/src/utils/tailwind.ts
index 3d6e8dfba..f2306e98e 100644
--- a/packages/pl-fe/src/utils/tailwind.ts
+++ b/packages/pl-fe/src/utils/tailwind.ts
@@ -52,7 +52,7 @@ 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, ...config.colors[key] }]));
+  return Object.fromEntries(Object.entries(legacyColors).map(([key, value]) => [key, typeof value === 'string' ? colors[key] || value : { ...value, ...colors[key] }]));
 };
 
 export {