🎨
Color Palette Generator
Generate accessible color palettes for data visualization. Check contrast ratios and simulate colorblind vision.
6
210°
70%
25%
85%
Palette (6 colors)
#bed9f4190,217,244copy
#8abaea138,186,234copy
#569ce186,156,225copy
#257dd437,125,212copy
#1c5ea028,94,160copy
#13406c19,64,108copy
Click a swatch to copy hex. Drag to reorder.
Colorblind Simulation
Protanopia (red-blind)
Deuteranopia (green-blind)
Tritanopia (blue-blind)
Achromatopsia (total)
Contrast Matrix (WCAG 2.1)
AAA 7:1+AA 4.5:1+AA-lg 3:1+Fail <3:1
| W | B | |||||||
|---|---|---|---|---|---|---|---|---|
| - | 1.4 | 2.0 | 2.9 | 4.6 | 7.3 | 1.5 | 14.4 | |
| 1.4 | - | 1.4 | 2.1 | 3.3 | 5.2 | 2.0 | 10.3 | |
| 2.0 | 1.4 | - | 1.5 | 2.3 | 3.7 | 2.9 | 7.2 | |
| 2.9 | 2.1 | 1.5 | - | 1.6 | 2.5 | 4.2 | 5.0 | |
| 4.6 | 3.3 | 2.3 | 1.6 | - | 1.6 | 6.6 | 3.2 | |
| 7.3 | 5.2 | 3.7 | 2.5 | 1.6 | - | 10.6 | 2.0 |
Preview
Export
All color computation runs entirely in your browser — nothing is sent to a server.