High-Contrast Palette Generator

Generates dark-mode UI palettes checked for real WCAG contrast ratios and previewed under a protanopia simulation — so a palette that "looks fine" to you also holds up for red-deficient color vision, not just guessed at.

Protanopia simulation

Custom colors

Enter 0–6 colors (hex or CSS names), comma-separated. Any remaining slots (up to 6) are filled randomly. Example: #f59e0b, #34d399, tomato

Live preview — palette applied to real UI elements

Preview background Preview text

Export

Contrast ratios are computed against both black (#0b0f16) and white (#f5f5f5) text using the real WCAG relative-luminance formula — "pass" means ≥4.5:1 (WCAG AA for normal text). The protanopia simulation uses a standard dichromacy transform matrix (Brettel/Viénot), not a rough desaturation guess.

Saved Palettes

None saved yet — use "Save as…" above.