Colors
Colorblind-Safe Palette Generator
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.
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.
How many types of color blindness are there?
There are three main categories: red-green (the most common, including protanopia and deuteranopia), blue-yellow (tritanopia, rarer), and total colour blindness (achromatopsia, very rare). Around 1 in 12 men and 1 in 200 women have some form. The generator uses the Okabe-Ito set, which was specifically designed to stay distinguishable across these common types, so its colours hold up for the great majority of colour-vision differences.
How should I label data if I cannot rely on color?
Add a second, non-colour channel — direct text labels, distinct shapes or line styles, patterns, or position — so the information survives even in greyscale. Colour should reinforce meaning, never carry it alone. The generator gives you a colour-blind-safe palette as the colour layer; combine it with labels or patterns and your charts stay readable for everyone, including people who cannot tell two of the hues apart.
You might also like
Popular tools from other categories that share themes with this one.
Try these next
More free tools from other corners of the catalog, picked by shared themes.