Brand guidelines
Start with one brand color, generate a 5-color system.
Pick a base color, choose a harmony rule, and the palette generates instantly with hex / RGB / HSL codes and WCAG contrast scores for accessibility.
No manual required — but here's the whole flow, start to finish.
Pick your base color (hex, RGB, or color picker)
Choose a harmony rule
The palette generates — see all 5 colors with codes
Click any swatch to copy, or Export to grab CSS / Tailwind
Start with one brand color, generate a 5-color system.
Tailwind / CSS variables exported and dropped straight into your project.
Check WCAG AA / AAA contrast across the whole palette.
See how your palette looks for the ~5% of users with CVD.
A standard ratio between text and background. AA = 4.5:1, AAA = 7:1 for body text. We compute it for you against both light and dark backgrounds.
Yes — saved palettes live in your browser's localStorage.
PDF utilities, image editors, calculators, dev tools and more — same rules: no login, nothing uploaded, no watermarks.