Color Palette Generator
Generate accessible-friendly palettes from a base color: shades, tints, harmonies.
Loading tool…
How to use it
- Enter a base color in HEX or use the picker.
- Browse the tint and shade ramps plus complementary, analogous and triadic harmonies.
- Each swatch shows its contrast ratio against white — click one to re-center the palette.
- Copy the whole palette in one block from the summary box.
About this tool
Starting from one base color, it produces tints, shades and tonal ramps plus complementary, analogous and triadic harmonies, each shown with HEX/RGB/HSL values ready to copy. Every generated pair is flagged with its contrast ratio so palettes start accessible.
Your input never leaves the browser: this tool works entirely offline once the page has loaded.
Frequently asked questions
What do the contrast badges mean?
Each swatch shows its contrast ratio against white. WCAG 2.2 AA requires 4.5:1 for normal text — badges marked ✓ satisfy it, ✗ pairs are decorative-only.
Can I start from a swatch instead of the base color?
Yes — clicking any generated swatch re-centers the whole palette on that color, so you can walk between harmonies.