Accessibility

Audit the whole palette.

Check contrast across every pair and find colors that may become difficult to distinguish.

Palette colors

Use three to six colors. Every unique pair is checked.

Color 1
Color 2
Color 3
Color 4
Color 5
Pairs checked10
AA text pairs4
Vision conflicts1
Color 1#111827
Color 2#F9FAFB
Color 3#2563EB
Color 4#D97706
Color 5#16A34A

Contrast matrix

AA text requires 4.5:1. Large text and interface graphics require 3:1.

Pair12345
116.98AA3.43Large5.57AA5.38AA
216.98AA4.95AA3.05Large3.15Large
33.43Large4.95AA1.62Fail1.57Fail
45.57AA3.05Large1.62Fail1.03Fail
55.38AA3.15Large1.57Fail1.03Fail

Color-vision conflicts

Pairs that may become difficult to distinguish under common simulated color-vision differences.

Colors 4 and 5Protanopia

Simulation is a practical warning system, not a replacement for testing meaning, labels, shapes, and interaction states with people.