Colorblind Safe Palette Generator

A colorblind safe palette uses color combinations that people with color vision deficiency (CVD) can easily distinguish. About 8% of men and 0.5% of women worldwide — roughly 300 million people — have some form of color blindness. Using accessible palettes ensures your designs work for everyone and is a key part of WCAG compliance.

Common types: 1) Protanopia (~1% of men) — inability to perceive red light; 2) Deuteranopia (~1% of men) — inability to perceive green light; 3) Protanomaly/Deuteranomaly (~6%) — reduced red/green sensitivity; 4) Tritanopia (~0.01%) — difficulty distinguishing blue from yellow; 5) Achromatopsia — complete grayscale vision.

Safest: Blue + Orange, Dark blue + Yellow, Black + White + Blue, Purple + Yellow. Avoid: Red + Green (most problematic), Green + Brown, Blue + Purple, Pink + Gray. Using hue rather than saturation for differentiation is best.

This tool provides simulations for Protanopia, Deuteranopia, and Tritanopia. Also use Chrome DevTools Rendering panel, Coblis, or Color Oracle. Never convey information through color alone — always use icons, text labels, or patterns.

WCAG 2.1 AA: 1) Color must not be the only way information is conveyed (1.4.1); 2) Text contrast ratio 4.5:1 (AA) or 7:1 (AAA) (1.4.3); 3) UI components and graphics need at least 3:1 contrast (1.4.11). Palettes here aim to meet these standards.