A11y Color Palette

WCAG 2.0 accessible color contrast guidelines:
AA normal / large text:
4.5:1 / 3:1
AAA normal / large text:
7:1 / 4.5:1
This tool should help you visualize an entire palette of colors with accessibility in mind. An indicator will be placed next to each foreground color to show if its contrast with the background color is WCAG 2.0 AA and/or AAA compliant for normal and large text. No indicator next to a foreground color means its contrast ratio with the background color is not at all compliant. Try it out with these sample background and foreground colors, and then create a palette of your own:

Define Palette Colors

Display Options

Background Colors