Free Color Palette Generator
Pick a brand color. Get a complete 5-color palette — primary, accent, two neutrals, and one alert — with verified WCAG contrast ratios for body text and headings.
Pick a base color and hit Generate.
How to use the palette
- Primary — Your brand color. Used for primary buttons, logo, accents.
- Accent — A complementary color for visual hierarchy and highlights. Used sparingly.
- Neutral dark — Body text, headings on light backgrounds. Should hit AA contrast (4.5:1) against the light neutral.
- Neutral light — Backgrounds, cards, dividers. The canvas your content sits on.
- Alert — Error states, destructive actions. Red-orange for global recognition.
The tool verifies contrast ratios — only palettes that pass WCAG AA for body text are returned. Inaccessible designs lose users with low vision, hurt your Lighthouse score, and increasingly trigger legal compliance issues.