Colors
Colorblind-Safe Palette Generator
Used by developers, writers, and creators worldwide.
A colorblind-safe palette generator gives you accessible colors drawn from the Okabe-Ito set, a palette designed to stay distinguishable for people with the most common forms of color vision deficiency. Around one in twelve men has some color blindness, so charts and interfaces that rely on red-versus-green to convey meaning can fail a real share of users. The Okabe-Ito palette was created specifically to remain readable across the main types of color blindness, which makes it a reliable choice for data visualisation and UI. Choose how many colors you want and copy the set into your charts or design. It is ideal for graphs, dashboards, maps, and any design where color carries meaning. Even with an accessible palette, it is good practice to pair color with another cue — labels, patterns, or shapes — so meaning never depends on color alone.
Loading usage…
Free forever — no account required
How to use
- Choose your options above
- Click Generate
- Copy your result
Detailed instructions
- Choose how many colors you want.
- Click Generate to produce an accessible palette.
- Use the colors for your categories or series.
- Pair color with labels or patterns too.
Use Cases
- •Coloring an accessible chart or graph
- •Building a colorblind-friendly dashboard
- •Designing accessible data visualisation
- •Choosing distinguishable category colors
- •Meeting accessibility goals with color
Tips
- →Never rely on color alone for meaning.
- →Add labels, patterns, or shapes as cues.
- →Test with a color-blindness simulator.
- →Keep adjacent categories visually distinct.
FAQ
what is the Okabe-Ito palette
The Okabe-Ito palette is a set of eight colors designed by Masataka Okabe and Kei Ito to remain distinguishable for people with common forms of color blindness. It is widely used in scientific and data visualisation for its accessibility.
does an accessible palette guarantee accessibility
It is a strong start, but not the whole answer. Even distinguishable colors can confuse if meaning rests on color alone, so pair color with labels, patterns, or shapes. Always test your specific design with a color-blindness simulator.
why does color blindness matter in design
Roughly one in twelve men and one in two hundred women has some color vision deficiency. Designs that rely on red-versus-green to signal meaning can fail these users entirely, so accessible color choices make content usable for far more people.