Build beautiful
color palettes.
A collection of pro-grade color tools designed for the modern Tailwind workflow. No fluff, just the tools you need to build faster.
Designed for Professionals.
A purpose-built suite of tools that integrate seamlessly into your Tailwind CSS workflow.
Palette Generator
AI-powered color harmonies with accessibility checking
Gradient Generator
Craft beautiful CSS gradients for Tailwind projects
Hex Converter
Instant hex to Tailwind class matching
Contrast Checker
WCAG compliance in one click
Dark Mode
Auto-generate dark theme equivalents
Color Explorer
Browse all 242 Tailwind colors
Palette Generator
Create harmonious color schemes using advanced color theory. Our AI-assisted generator ensures your palettes are balanced and accessible from the start.
Try Palette GeneratorGradient Generator
Visualise and create complex multi-stop gradients with ease. Copy the exact Tailwind classes or CSS code directly into your project.
Try Gradient GeneratorTailwind Class
bg-gradient-to-br from-primary via-fuchsia-500 to-pink-500
Contrast Checker
Don't guess accessibility. Real-time WCAG 2.1 contrast checking for your text and background combinations. Ship products everyone can use.
Try Contrast CheckerHex to Tailwind
Found a hex code you love? Instantly find its closest match in the Tailwind CSS color system. We'll give you the exact shade and class name.
Try Hex to TailwindReady to level up your colors?
Join thousands of developers using our tools to build beautiful, accessible websites with Tailwind CSS.