Skip to content
Your cart
Subtotal $

Your cart is empty

Add something to get started.

Browse the shop
Free tool

Brand Colour Scorecard

In short

What is a brand colour palette checker?

A brand colour palette checker measures how readable your brand colours are. It calculates the WCAG contrast ratio between each colour and white and black text, flags whether each pairing passes AA or AAA, and returns an accessibility score out of 100. Use it to catch low contrast colours before they reach your website, app or printed material.

Brand colour palette checker

Your palette

Enter up to five brand colours.

Pick a colour or type a hex code. The score updates as you go.

Live preview

/ 100

Accessibility score

Colour 1 on colour 2
Sample text

Everything runs in your browser. Your colours are never uploaded. Ratios follow WCAG 2.1, normal text needs 4.5:1 for AA and 7:1 for AAA, while large text only needs 3:1 for AA. Click any hex to copy it, or use Export palette to copy CSS variables.

How it works

From palette to an accessible brand.

  1. 01

    Enter your colours

    Add up to five brand colours with the colour picker or by typing a hex code. The live preview updates instantly.

  2. 02

    Read the scorecard

    See the contrast ratio of every colour against white and black, AA and AAA badges, and an overall score out of 100.

  3. 03

    Fix and refine

    Follow the tips to lift weak pairings, then use the accessible palette with confidence across every channel.

Questions

Brand colour accessibility, explained

A brand colour palette checker lets you enter your brand colours and instantly see how readable and accessible they are. It measures the WCAG contrast ratio between each colour and white and black text, flags whether each pairing passes AA or AAA, and gives you an overall accessibility score so you can fix problems before they reach your website or printed material.

For normal body text the Web Content Accessibility Guidelines require a contrast ratio of at least 4.5 to 1 to pass AA, and 7 to 1 to reach the stricter AAA level. Large text, headings of around 24 pixels or 18.66 pixels bold, only needs 3 to 1 for AA. The higher the ratio, the easier your text is to read.

Low contrast colours are hard to read for everyone, and especially for people with low vision or colour blindness. Poor contrast also hurts your conversion rate, fails accessibility audits, and can expose your organisation to compliance issues. Strong, accessible colour pairings keep your brand looking sharp and readable on every screen.

Yes. The Brand Colour Scorecard runs entirely in your browser, so your colours are never uploaded anywhere. You can test as many palettes as you like at no cost. If you want a hand turning the results into an accessible, conversion-ready brand and website, our team in Australia is here to help.

Want a brand that looks sharp and reads clearly?

Our team turns accessible colour palettes into conversion-ready websites. Talk to us about your brand and we will map out the next steps.

Or call us on 0452 598 138.

We value your privacy

We use cookies to run the site, understand how it is used and improve it. You can accept all, reject non-essential, or choose what to allow. Read our Privacy Policy.

Free proposal · No obligation

What can we help with?

Pick the service you are most interested in

We will ask a couple of quick questions, then send a tailored proposal. Takes under a minute.

Thank you!

Your request is in. Our Australian team will review it and send your tailored proposal within one business day.

Reference

Your details are private. We reply within one business day.

Call us