Open the Vootkit workspace.
01Accessibility toolTool result
Accessible Palette
Build a palette that passes contrast at every pairing.
100% FreeRuns instantlyNo watermark
- 1Choose toolOpen the Vootkit workspace.
- 2Add inputProvide the content or settings.
- 3ProcessLet the browser do the work.
Private by designProcessed on your device where possible.
Works on any deviceDesktop, tablet and mobile browsers.
No installationOpen the page and start working.
Always free coreUse the free plan for everyday tasks.
How to use Accessible Palette
Provide the content or settings.
02Let the browser do the work.
03Copy, download or continue.
04Your files stay private
Your work is processed locally in your browser where possible and is never added to a Vootkit upload library.
Learn more about privacyA palette can be beautiful and unusable. Contrast is the difference, and it is measurable — which means it is one of the few design questions with an actual right answer.
What Accessible Palette does
Builds colour combinations that meet WCAG AA, which requires a contrast ratio of at least 4.5:1 for normal text.
The ratio is computed from relative luminance, not from how different two colours look. Two colours can feel strongly contrasting and fail — which is why designing by eye produces text that some people cannot read.
WCAG thresholds
| AA, normal text | <strong>4.5:1</strong> |
|---|---|
| AA, large text | 3:1 (18pt, or 14pt bold) |
| AAA, normal text | 7:1 |
| UI components and graphics | 3:1 |
| Based on | Relative luminance, not perceived difference |
| <strong>Does not cover</strong> | <strong>Colour blindness — separate problem</strong> |
| Also not covered | Font weight and size, which affect legibility |
| Runs | On your device |
Detailed steps
- Build the combination you want to use.
- Check it clears 4.5:1 for body text.
- Then test it for colour blindness separately.
Worth knowing
Passing 4.5:1 does not mean the palette works for colour-blind users — those are different problems with different tests. Contrast measures lightness difference; colour blindness is about hue confusion, and a red and a green of identical luminance pass contrast while being indistinguishable to roughly 8% of men. Run both checks.
Frequently Asked Questions
Why 4.5:1?
It is the WCAG AA threshold for normal text, chosen to remain readable for users with moderately low vision — roughly 20/40 acuity — without requiring assistive technology. Large text gets 3:1 because size compensates.
My colours look high contrast but fail. Why?
Because the ratio uses relative luminance rather than perceived difference. Two saturated colours of similar lightness — a strong red and a strong blue — look dramatic and have almost no luminance difference between them.
Is AA enough?
AA is the level most legislation and procurement references. AAA at 7:1 is stricter and worth targeting for body text where you can, particularly for content read at length.
Does this cover colour blindness?
No — that is a separate check with a separate tool. Contrast and colour blindness are genuinely different failure modes and passing one says nothing about the other.
Is Accessible Palette free?
Yes. The Vootkit free plan includes 5 tool runs a day. Upgrade to Vootkit Pro for unlimited daily use, an ad-free workspace and saved workflows.
Are my files uploaded?
No. Accessible Palette runs entirely in your browser — your file is processed on your own device and never sent to a server. There is nothing for us to store or delete.
Do I need to install anything?
No. Accessible Palette works in any modern browser on desktop, tablet or phone. Open the page and start.
How often can I use it? Is there a daily limit?
On the free plan you get 5 tool runs a day. When you reach the limit you'll see a prompt to upgrade, and it resets the next day. Vootkit Pro removes the cap entirely for unlimited daily use.
Recently viewed
This tool processes everything locally in your browser. You can disconnect from the internet after the page loads and it will still work.