How to build a project palette
Choose the number of colors and text color — white or black. The tool generates a palette where all colors guarantee good text readability. Click again to get another variant.
What do AA and AAA badges mean
AA means the contrast meets the minimum WCAG accessibility requirements — text is readable. AAA is the enhanced level, maximum readability. If neither — the text is hard to read on that background.
How to use the result
Copy the CSS custom properties and paste into your project. Each color is already checked for readability — you know which slides can use white text and which are better with black.
FAQ
Why is text unreadable on some colors?
Light colors provide insufficient contrast with white text, and dark colors with black. In such cases you need to either use a different text color or choose a different background shade.
How does palette generation work?
The algorithm evenly distributes hues around the color wheel and selects brightness within a range that guarantees text readability. Each click gives a new random variant.
Can I change individual colors in the palette?
Not yet — but you can click "Generate palette" again to get another variant, or change the style.
What projects is this tool suitable for?
For any: presentations, websites, mobile apps, print, branding. Anywhere you need to quickly build a coordinated color scheme with text readability in mind.