Design & SVG

Color-Blind-Safe Palette

Generate a palette chosen to stay distinguishable for people with protanopia, deuteranopia or tritanopia, not just under normal color vision.

Normal vision

Protanopia simulation

Deuteranopia simulation

Tritanopia simulation

Simulations use a widely used simplified approximation and are a helpful guide, not a clinical diagnostic tool.

How to use the color-blind-safe palette generator

  1. Choose how many colorsPick between 3 and 10 colors for your palette.
  2. Review the simulationsCheck that swatches stay distinguishable in each color-blindness preview row.
  3. Regenerate or copyTry a new random palette, or copy the result as hex codes or CSS variables.

How the palette is chosen

Rather than picking colors at random, this tool simulates every candidate color under protanopia, deuteranopia and tritanopia, then greedily adds whichever remaining candidate stays furthest from the colors already chosen across all four views: normal vision plus the three simulations.

Farthest-point selection

Each new color is chosen to maximize its minimum distance to every color already in the palette.

Worst-case distance

Distance is measured under normal vision and all three simulations, and only the worst case counts.

Protanopia & deuteranopia

The two most common forms of red-green color blindness, affecting how red and green are perceived.

Tritanopia

A rarer form affecting blue-yellow perception, also checked to keep the palette broadly safe.

Color-Blind-Safe Palette Generator FAQ

How does this tool choose safe colors?

It simulates how each candidate color would look under protanopia, deuteranopia and tritanopia, then greedily picks colors that stay as far apart as possible under every simulation, not just normal vision.

Is the color-blindness simulation exact?

No, it uses a widely used simplified approximation matrix for each color vision type, which is accurate enough for choosing distinguishable colors but not a clinical-grade simulation.

How many colors can I generate?

You can generate between 3 and 10 colors; the more colors you request, the harder it becomes to keep every pair clearly distinguishable.

Can I copy the palette into my project?

Yes, use the copy buttons to grab the palette as a plain hex list or as ready-to-use CSS custom properties.

What are protanopia, deuteranopia and tritanopia?

They are the three most common types of color blindness, affecting red, green and blue color perception respectively.

Try other free tools

More handy tools from My Panda Toolbox.