Tool · Tailwind Colors

Tailwind colors,
ready.

Drop a generated brand palette straight into your Tailwind config. Primary, secondary, accent, neutrals, semantic — each with a 50–950 shade scale. Just paste and run.

Full shade scales

50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950 for every role.

Drop-in config

One paste into tailwind.config.ts and your project uses your brand colors.

Auto-generated dark mode

Each palette ships with a tuned dark variant — no manual inversion.

Ready to generate?

Free to start. No credit card. Your first brand kit ships in about 60 seconds.