Accessible color palette generator
Build a palette with AI or color theory, then check text and background pairs against WCAG before you export.
Describe a Palette with AI
Not sure what colors you want? Let AI generate a palette from a description.
Color Picker
Closest match, not an exact conversion.
Color Palette
Text Color
Background Color
Sample Text
This is how your text will look
Contrast Ratio
AAA
21.00:1
Perfect! This meets WCAG AAA standards.
Export Palette
Download your palette in the format you prefer
Generated Code Preview:
{
"palette": []
}Format: JSON
How it works
- Describe a palette with AI, or pick a harmony type from a base color.
- Lock colors you like and regenerate the rest.
- Use the contrast checker on text and background pairs.
- Export the palette when the ratios look right.
When this helps
Useful when you need a starting palette for a product UI or marketing site and want contrast feedback in the same workflow, instead of jumping between a generator and a separate checker.
FAQ
- What makes a palette “accessible” here?
- You can generate colors with AI or color theory, then check contrast ratios against WCAG AA and AAA for text on backgrounds. The goal is a palette you can actually use in UI without failing basic contrast checks.
- Do I need an account?
- No. You can generate, check, and export palettes without signing up. An account is only needed if you want to save or share a palette later.
- Can I describe a palette in plain language?
- Yes. Use the AI prompt box to describe the mood or use case, then verify important pairs in the contrast checker before you ship them.