Accessible Palette Builder — free online

You picked some nice colors for your site, but then someone says the light grey text is hard to read. They're right, and it's not just about looks: thin, low-contrast text leaves real people squinting. The tricky part is knowing which color pairs are actually readable. We added a free tool that checks it for you — Accessible Palette Builder — right in your browser.

What it does

You add colors to your palette, and it instantly shows which text and background pairs meet the WCAG AA standard (a contrast of 4.5:1) and the stricter AAA standard (7:1). So at a glance you can see which combinations are safe to use and which ones will be hard to read.

Nothing leaves your device

The whole thing runs in your browser. Your colors are never uploaded anywhere and nothing is saved on a server. You can close the tab and it's all gone, which makes it easy to try ideas without a second thought.

How to use it

  1. Open Accessible Palette Builder in your browser.
  2. Add the colors you want to use to the palette.
  3. Look at the results and pick the text and background pairs that pass.

It's free with no limit. There are more small tools on the Apps page.

Get new posts

Soon you'll be able to drop your email and get new posts — no account, no spam.

Email sign-up isn't live yet — nothing is collected for now.