Brand Color Quiz

Ten questions about your brand, your audience, and your market. You get a three-colour palette with hex codes, the reasoning behind it, and the contrast numbers you need before you use it.

Before you start

There's no universally correct brand colour. What there is, reliably, is a set of expectations your audience already carries into the first three seconds of looking at you. This quiz maps your answers onto six palettes built around those expectations, then tells you where each one is safe to use and where it isn't.

Takes about two minutes. Nothing is uploaded and nothing is stored on a server. It all runs in your browser.

Advertisement

How to Use Your Palette Once You Have It

The three colours you get are a starting system, not a finished brand. The primary is the one that has to survive being shrunk to a favicon and printed in one colour, so it carries the most weight. The secondary does the supporting work: section backgrounds, secondary buttons, illustration fills. The accent is usually the light surface everything else sits on.

Add two more and you have a complete set. You need a near-black ink for body text, because almost no brand colour is dark enough to read comfortably at 16px for several paragraphs. And you need a light neutral for card backgrounds and dividers. Neither of these needs to be interesting. They need to disappear.

Then use the ratio the quiz shows you. If your primary comes back below 4.5:1 against white, it can still headline, fill a button, or sit behind white text, but it cannot be your body copy. That single rule prevents most of the accessibility problems that turn up later in a brand rollout. You can test any pairing on the colour accessibility checker, and build out tints and shades of your primary with the tint and shade tool.

One last thing worth saying plainly. Colour sets an expectation in the first moment and very little after that. It's real, it's measurable, and it's also the cheapest part of a brand to get right. If the quiz hands you a palette that feels wrong for reasons you can articulate, trust the reasons. The point of a starting palette is to give you something specific to argue with.

Frequently Asked Questions

Colour-emotion associations are strong and fairly consistent within a population. In a study of 132 participants published in i-Perception in 2020, Jonauskaite and colleagues found red linked to anger by 73 percent of participants and to love by 68 percent, yellow linked to joy by 61 percent, pink to pleasure by 63 percent, and grey to sadness by 61 percent. Those associations transfer to branding, but colour sets a starting expectation rather than deciding whether someone buys.
Category conventions are real and worth knowing before you break them. A 2023 systematic review in Foods by Steiner and Florack, covering 20 articles and 35 individual studies, found that cool packaging colours such as blue and green were perceived as healthier than red in most product categories. The same review found meaning is category-specific: red signalled healthiness on frozen pizza by suggesting fresh vegetables, but signalled unhealthiness on yogurt by suggesting artificial colouring.
Three is the practical working number: a primary that carries your identity, a secondary that supports it, and a neutral or accent that gives everything room to breathe. Add a dark ink for body text and a light surface colour for backgrounds and you have a complete system. Brands that list eight or ten equal colours tend to end up with none of them being recognisable, because no single colour appears often enough to be memorable.
It depends on how much trust you need to establish before someone will transact. In categories where buyers are cautious, such as finance, legal services and healthcare, sitting close to category conventions lowers the perceived risk. In crowded low-risk categories such as food, retail and consumer apps, looking different is often worth more than looking safe. A useful middle path is a conventional primary colour with an unexpected secondary.
Your text colours do. WCAG 2.2 Success Criterion 1.4.3 requires a contrast ratio of at least 4.5:1 for normal text at Level AA, and Success Criterion 1.4.11 requires 3:1 for buttons, borders and meaningful icons. This matters more than most brand guidelines admit: WebAIM's 2026 analysis of the top one million home pages found low contrast text on 83.9 percent of them. A brand colour that fails on white simply cannot be used for body copy, though it can still work on large headings and solid fills.
Keep Going
Copied

Get fresh reads straight to your inbox

Get notified when we publish new articles. Unsubscribe anytime.