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.
Why this palette fits you
Where the reasoning comes from
Colour-emotion mappings in this quiz follow Jonauskaite, Parraga, Quiblier and Mohr (2020), i-Perception, which tested 132 participants and found red associated with anger by 73% and love by 68%, yellow with joy by 61%, pink with pleasure by 63%, and grey with sadness by 61%. Read the study on PubMed Central.
Category expectations follow Steiner and Florack (2023), Foods, a systematic review of 20 articles covering 35 individual studies, which found cool colours perceived as healthier than warm ones across most product categories. Read the review on PubMed Central.
Contrast thresholds follow W3C WCAG 2.2, Success Criteria 1.4.3 and 1.4.11. Every ratio shown above was calculated with the WCAG relative luminance formula.
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.