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.
Related tools and the guide they belong to
Design tool
WCAG Color Contrast Checker
Check WCAG contrast for any color pair. AA/AAA verdict + live preview.
Open toolDesign toolSaaS Pricing Page Builder
Build a SaaS pricing page with live preview + AI-ready prompt.
Open toolGuideThe Complete Guide to SaaS Landing Pages (2026)
Anatomy of a SaaS landing page that converts: hero, social proof, features, pricing, FAQ. What every section does, what good looks like, and how to build one with AI instead of a blank page.
Read the guide