Free Tool
Accessible Color Palette Generator
Generate beautiful, WCAG AA compliant color palettes from any base color.
AaOriginal Light
Ratio10.69:1
AaComplementary
Ratio6.25:1
AaAnalogous Warm
Ratio13.69:1
AaAnalogous Cool
Ratio5.24:1
AaTriadic A
Ratio9.39:1
AaTriadic B
Ratio4.55:1
AaSplit Comp A
Ratio9.31:1
AaSplit Comp B
Ratio8.08:1
AaTetradic A
Ratio8.58:1
AaTetradic B
Ratio4.66:1
Export Palette
Check individual color contrast with our contrast checker tool.
Open Contrast CheckerFAQ
Frequently Asked Questions
How does the palette generator work?
The generator takes your input color and creates 10 harmonious color combinations using color theory principles (complementary, analogous, triadic, etc.). Each combination is adjusted to meet WCAG AA Normal accessibility standards (4.5:1 contrast ratio).
What is the minimum contrast ratio for accessibility?
This generator ensures all palettes meet WCAG Level AA for normal text, which requires a minimum contrast ratio of 4.5:1. This ensures readability for users with moderate visual impairments.
Can I use these colors for my website?
Yes! All generated color combinations are designed to be accessible. You can export them in various formats (CSS, JSON, Tailwind) and use them directly in your projects.
What do the color harmony names mean?
Complementary colors are opposite on the color wheel. Analogous colors are adjacent. Triadic and Tetradic are evenly spaced around the wheel. Split Complementary uses colors adjacent to the complement.