Free tool · Colour

Build a palette people can read.

Pick one base colour. Get a ten-step palette, with the contrast of each step against white and black text checked for you.

01Ten steps from one colour
02Contrast checks
03Text pairs that pass
04Copy as CSS

Runs in your browser. Nothing is stored or sent.

01Base colour

Colour code

Type a six-digit hex code or use the picker.

Contrast is measured the way the WCAG accessibility guidelines describe. A ratio of 4.5 or more passes level AA for normal text, and 7 or more passes AAA.

02Palette

Select a swatch to copy its code.

03Text pairs

More free resources

01Free tool Growth Check Twelve questions, a score for six areas and a 90-day plan.
02Free tool Search result preview See how a page title and description could look in search results, with length checks.
04Reference Glossary 32 digital terms explained in plain English.

Free tools

Want a closer look at your website?

The tools show where to look. We can review your website and marketing with you and suggest clear next steps.

Now booking new projects

Book a consultation Start a project