Does Palettra migrate an existing v3 config automatically?
No. It generates v3 and v4 exports from a Palettra palette, but it does not parse and rewrite an existing Tailwind configuration.
Tailwind migration
See the Tailwind v3 → v4 color syntax shift side by side
Palettra generates the same color system in both formats, making it easy to copy the output that matches your project version.
- Tailwind v3 JavaScript theme.extend.colors output
- Tailwind v4 CSS-first @theme output
- One palette model shared across both export formats
The syntax change
/* Tailwind v4 */
@theme { --color-brand-500: oklch(0.62 0.18 250); }
/* Tailwind v3 */
theme: { extend: { colors: {
brand: { 500: "#168eea" }
} } }Frequently asked questions
Do I have to rebuild the palette for v4?
No. Open the same shareable palette and select the Tailwind v4 export tab.