Skip to content

Color Blind Palette Generator

Build a colorblind color palette that stays readable for everyone. Generate WCAG-compliant color schemes from any seed color and validate them against all four types of color vision deficiency — deuteranopia, protanopia, tritanopia, and achromatopsia.

Step 1: Choose a Seed Color

H:160° S:84% L:39%
59

Step 2: Generated Palette (7 colors)

Darkest
#043424
L: 11% S: 84%
AAAAAAAAAA
Copied!
Darker 1
#0A7552
L: 25% S: 84%
AAAAAAAAAA
Copied!
Base
#10B981
L: 39% S: 84%
AAAAAAAAAA
Copied!
Lighter 1
#22ECA9
L: 53% S: 84%
AAAAAAAAAA
Copied!
Lightest
#64F2C2
L: 67% S: 84%
AAAAAAAAAA
Copied!
Muted
#388F72
L: 39% S: 44%
AAAAAAAAAA
Copied!
Complement
#B71048
L: 39% S: 84%
AAAAAAAAAA
Copied!

A color blind palette (or colorblind color palette) avoids relying on red-green or blue-yellow distinctions alone. Instead, it uses high lightness contrast between adjacent colors and pairs colors from opposite ends of the CVD confusion lines. Our generator produces color palettes for color blind users that meet WCAG contrast requirements — every shade is tested against both light and dark backgrounds. After generating, test your palette with our color blindness simulator to confirm it holds up under all CVD types.

Frequently Asked Questions

What makes a palette color-blind friendly?

A color-blind friendly palette avoids relying on red-green or blue-yellow distinctions alone. Instead, it uses high lightness contrast between adjacent colors, pairs colors from opposite ends of the CVD confusion lines (e.g., blue with orange), and includes at least one non-hue differentiator — like saturation or lightness variation — so colors remain distinguishable under all CVD types.

How does this generator help build accessible palettes?

Enter a seed color and the generator produces a full palette with WCAG contrast ratios calculated for every shade against both light and dark backgrounds. You can then test each color with our Color Blindness Simulator to confirm the palette holds up under deuteranopia, protanopia, tritanopia, and achromatopsia.

Which color combinations are safest for color blindness?

Blue and orange is the most robust pair — distinguishable across all common CVD types. For multi-color palettes (charts, graphs, dashboards), stick to 5–7 colors from a proven set like Color Brewer. Avoid red-green pairs entirely, and never use hue as the only differentiator for critical UI states.

Can I export my color-blind friendly palette?

Yes — the generator shows HEX, RGB, and HSL values for every shade in your palette. You can copy individual colors or export the full palette to use in Figma, CSS custom properties, or design tokens.

Related Tools