If you’ve ever tried testing a full brand palette, you’ll know most colour contrast tools only let you compare two colours at a time. It’s slow, it’s fiddly, and it’s far too easy to miss important combinations.
This tool checks your whole palette at once. You get clear contrast results, colour blindness previews and a clean breakdown of every colour in hex, RGB and CMYK.
Colours are one of the easiest and hardest parts of accessibility. Easy, because a few small shifts can make a huge difference to readability. Hard, because companies get nervous about affecting brand recognition.
This tool gives you clarity early, so you can build a palette that looks great and works for more people. It helps you avoid the stress, time and cost of fixing colour issues later.
If you want help applying the results to your brand or website, I'd be excited to assist!
Contact me
I built the tool I wished already existed.
For years I’ve used a combination of contrast checkers and colour blindness simulators that only worked one colour pair at a time. As a branding and accessibility designer, that workflow gets painful fast.
Colour is a huge part of my work (hello, blue) and I wanted something faster, clearer and kinder for busy people who just want their palette to work.
So I made it. And now it’s yours too.
This tool brings everything together so you can check, compare, and improve your brand colours with confidence. It is simple to use, fast to understand, and gives you the clarity you need to make accessible and consistent colour decisions.
Drop in your full palette, including primary, secondary, neutral and accent colours. The tool handles as many colours as you need, which means you can see your entire system at once without switching between different tools.
Check WCAG contrast ratios across all your colours in one place. Instead of testing one pair at a time, you get a full matrix that shows every combination and every pass or fail result for normal and large text. It is clear, comprehensive, and saves a lot of time and effort.
Preview how your colours appear for people with different types of colour blindness. This helps you keep your palette recognisable, usable and friendly for more people from the start.
Each colour includes hex, RGB and CMYK values, plus copy to clipboard options. You can copy individual values or grab the full specification list in one click. It is perfect for brand guidelines, handover documents, and design files.
Save a complete PDF that includes your contrast results, colour blindness previews and full specifications. It is easy to share with your team and helpful to keep with your brand files.
In accessibility guidelines, text size affects the level of contrast you need. Normal text has stricter requirements because it’s harder for people to read. Large text has slightly more flexibility because the bigger size improves clarity.
Large text is anything 18px or larger. If your brand or website uses a lot of copy, sticking to 18px and above gives you a much bigger margin for accessibility, readability and comfort.
Smaller text might feel tidy, but it can create strain for people with low vision, reading difficulties or ageing eyes. Increasing your base size is one of the easiest improvements you can make across an entire site. It looks cleaner, feels more modern and removes barriers without changing your brand.
If you’re unsure what size is best for your site or brand, I can help you figure out the right balance: book a call.
Hi, I’m Shannon. I make websites and brands easier to use, nicer to look at, and a whole lot more accessible.
If your site or brand feels a bit clunky or confusing, I’m the woman to call.
I’ve spent more than ten years helping businesses use design to communicate clearly, work better, and include more people.
If that sounds like what you need, let’s chat.
Work with meIf this has helped you and you’d like to support future tools, you can leave a small donation. It helps me keep these resources free and continue building more accessibility helpers for designers, founders and teams.
Accessibility and great design go hand in hand. Together we can build something that looks good, works well, and helps your business connect with more people.
