Palette A11y

Pick a palette from the list, then click the color swatches to choose background colors. Other colors in the palette that meet WCAG 2.1 accessibility guidelines will show up below.

100%

Colors

Text

These color combinations have a contrast ratio of 7:1 or more.

Large Text

These color combinations have a contrast ratio of 4.5:1 or more.

UI Elements

These color combinations have a contrast ratio of 3.1 or more.

Background FX

These color combinations don’t meet WCAG 2.1 accessibility guidelines.