Accessible Palette Picker

This tool helps you choose an a11y-compliant color palette to use with Foundation by determining which colors meet WCAG 2.0 level AA contrast requirements.


Default Palette

The center column displays the default $foundation-palette colors. Each adjacent column is 3% lighter (to the left) or darker (to the right).


The Standard 16 web colors

The center column displays the 16 named colors defined in the HTML 4.01 specification. Each adjacent column is 3% lighter (to the left) or darker (to the right).


X11/SVG colors

The center column displays named colors standardized by SVG 1.0. Each adjacent column is 3% lighter (to the left) or darker (to the right).

Pink colors

Red colors

Orange colors

Yellow colors

Brown colors

Green colors

Cyan colors

Blue colors

Purple, violet, and magenta colors