Colorblind-Safe Palette Generator — Accessible Color Tool
A free accessible palette generator that creates color combinations distinguishable for all types of color vision deficiency — protanopia, deuteranopia, and tritanopia.
Generate and fix color palettes for all types of color vision deficiency
Features
How to Use
Choose Generate mode for a new palette, or Fix mode to check existing colors.
In Generate mode, pick a palette type, color count (3-8) and base color.
Click Generate — the algorithm ensures all pairs pass Delta-E threshold under every CVD type.
Click the lock icon on any swatch to keep it fixed while regenerating others.
Use the Export dropdown to copy CSS variables, download SVG/PNG, or get Tailwind/Figma config.
Frequently Asked Questions
What is a colorblind-safe palette?
A colorblind-safe palette contains colors that remain visually distinguishable for people with any type of color vision deficiency (CVD), including protanopia (red-blind), deuteranopia (green-blind), tritanopia (blue-blind), and achromatopsia (total color blindness). The tool ensures sufficient perceptual distance between all color pairs under simulated CVD conditions.
How does the algorithm work?
Colors are generated in the OKLCH color space, which is perceptually uniform. The algorithm calculates Delta-E 2000 distances between all color pairs under simulated CVD conditions. If any pair falls below the threshold, colors are iteratively adjusted in hue, chroma and lightness until all pairs pass. Locked colors remain fixed during optimization.
What is Delta-E and what threshold is used?
Delta-E 2000 is a perceptual color difference metric. A Delta-E of 1 is the smallest difference a trained eye can detect. This tool uses a minimum threshold of 10 for CVD-simulated pairs, ensuring colors are comfortably distinguishable even for people with severe color vision deficiency.
Can I use this for web design and data visualization?
Absolutely. Accessible color palettes are essential for charts, graphs, maps, UI components and any design where color carries meaning. Export directly as CSS variables for web projects, Tailwind config for utility-first frameworks, or Figma JSON for design tools.
Is my data private?
Yes. All color calculations run entirely in your browser using JavaScript. No colors or palette data are sent to any server. Your work stays on your device.
