All palettes

Accessible Color Combinations

Accessible color combinations for websites, presentations and print: navy #1B2A4A text on cream #F4EEE3 has a contrast ratio of 12.31:1, enough for WCAG AA and AAA at every text size. Check any pair in Palettio's contrast checker: AA and AAA results, plus accessible color suggestions.

Aa Navy on Cream

12.31:1

  • AA normalPass
  • AA largePass
  • AAA normalPass
  • AAA largePass
  • Text · Navy
  • Background · Cream

Tap a code to copy it.

Make one from your own photo

Palettio pulls the palette out of any photo or screenshot, reads a single color live through the camera, checks contrast, and exports the codes as CSS, JSON and more.

Download on theApp Store Get it onGoogle Play
A contrast check headed 'Accessible Color Combinations': navy #1B2A4A text on a cream #F4EEE3 background, ratio 12.31:1, with pass or fail for WCAG AA and AAA, body and large text.

More palettes