Accessible Color Palettes

An accessible palette is one that as many people as possible can use, including those with low vision or color vision differences. This comes down to two habits: meeting contrast thresholds and never using color as the only signal.

Meet contrast thresholds

Ensure text and interactive elements meet at least WCAG AA contrast against their backgrounds. Build a scale with enough lightness range that you always have a passing text color for each surface.

Never rely on color alone

Do not use color as the only way to convey status or meaning. Pair color with text labels, icons, or patterns so information is available to people who cannot distinguish certain hues.

Test with real content

Check your palette with actual text sizes and weights, not just large swatches. A color that passes for headings may fail for small body text.

Try these tools

Related guides