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.

How to Use

1

Choose Generate mode for a new palette, or Fix mode to check existing colors.

2

In Generate mode, pick a palette type, color count (3-8) and base color.

3

Click Generate — the algorithm ensures all pairs pass Delta-E threshold under every CVD type.

4

Click the lock icon on any swatch to keep it fixed while regenerating others.

5

Use the Export dropdown to copy CSS variables, download SVG/PNG, or get Tailwind/Figma config.

Generate and fix color palettes for all types of color vision deficiency

Palette Type
Color Count 5
Base Color #4f7cac
One hex per line or comma-separated (e.g. #FF0000, #00FF00)
Your Palette
CVD Preview

Features

Generate palettes from 5 harmony types: monochromatic, analogous, complementary, triadic, tetradic Check and fix existing palettes for CVD accessibility Real-time preview under all color vision deficiency types Lock specific colors and regenerate the rest

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.

💡 Want us to improve this tool just for you?

We can — and it's free! Just send us a quick message with your idea. If you'd like to discuss it in detail, leave your email and we'll get back to you. You can stay anonymous.

You May Also Like

✅ Color Accessibility Checker 👓 Colorblind Simulator 📊 Anxiety Tracker 🧩 Autism Spectrum Test 🫁 Breathing Exercise 💭 Cognitive Test 📝 Color Name Identifier 📷 Colorblind Camera Filter

How do you rate this tool?

Thank you for your rating!
Want to share more? Leave a comment!
Thank you! Your comment will appear after moderation.
Who is this tool for?
♿ Accessibility Users 🏥 Healthcare Professionals
Published Updated