Colour theory is the set of rules that explain how colours relate to one another and how to combine them so they look intentional rather than accidental. For a brand, that matters because colour is the fastest signal you send — a customer reads it before they read your name. This guide takes the textbook version of colour theory and shows how we actually apply it when building a brand palette that has to survive a logo, a website, packaging and a shopfront in Singapore’s light.
We’ll cover the colour wheel, the three properties of any colour, the standard schemes, a simple ratio for balancing them, the honest truth about colour psychology, and why accessibility is non-negotiable.
The colour wheel and the three properties of colour
The colour wheel is just the visible spectrum bent into a circle. Primary colours (red, yellow, blue in traditional theory) mix to make secondary colours (orange, green, purple), and those mix again to make tertiary colours. Where two colours sit on the wheel tells you how they will behave together.
Every colour can be described by three properties, and you need all three to specify one precisely:
- Hue — the colour family itself, its position on the wheel (red, teal, magenta).
- Saturation — how intense or muted it is. High saturation reads as bold and energetic; low saturation reads as calm, premium or understated.
- Value (also called lightness) — how light or dark it is, from near-white to near-black.
Most amateur palettes go wrong on saturation and value, not hue. Five colours all cranked to maximum saturation will fight each other; varying value and muting some tones is what makes a palette feel designed.
Warm vs cool temperature
Split the wheel down the middle and you get warm colours (reds, oranges, yellows) and cool colours (blues, greens, purples). Warm tones tend to advance and feel active, social and appetising — which is why so much F&B branding leans warm. Cool tones recede and tend to feel calm, clean and trustworthy, which is why finance, healthcare and tech default to blue.
Temperature is a quick lever for mood. A brand can be built almost entirely on a warm or cool base, then use a small amount of the opposite temperature as an accent to create contrast and draw the eye.
Colour schemes: building combinations that work
The schemes below are reliable starting points. Each uses the wheel to guarantee a relationship rather than a guess:
- Complementary — two colours opposite each other on the wheel (e.g. blue and orange). Maximum contrast, high energy. Powerful for calls to action, but use one as the dominant and the other in small doses or it gets loud.
- Analogous — three colours sitting next to each other (e.g. yellow, yellow-green, green). Harmonious and easy on the eye, good for a calm, cohesive feel, but low contrast so you may need a darker neutral to anchor it.
- Triadic — three colours evenly spaced around the wheel. Vibrant and balanced, popular for playful or youthful brands. Hardest to control — usually one leads and the other two support.
- Monochromatic — one hue with varied saturation and value. The most foolproof and the easiest to keep looking premium.
You don’t have to use a scheme literally, but knowing which one you’re starting from stops the palette drifting into mud.
The 60-30-10 rule
Picking colours is half the job; deciding how much of each to use is the other half. The 60-30-10 rule is a proportion borrowed from interior design that translates well to brands:
- 60% a dominant colour (often a neutral or your primary) that sets the overall feel.
- 30% a secondary colour that supports and adds depth.
- 10% an accent that pops — used for buttons, highlights and the things you want clicked.
Most weak brand layouts use their accent colour for 50% of the page, which kills its impact. Reserve the accent and it does real work. We use this ratio as a sense-check on websites and packaging before anything ships.
Colour psychology — with an honest caveat
You’ll read that blue means trust, green means nature, red means urgency. There’s some truth in it, but the claims are routinely overstated. Colour meaning is cultural, contextual and personal, not universal — and that matters enormously in a multicultural market.
In Singapore, red and gold carry strong connotations of prosperity, luck and celebration, especially around Chinese New Year, and red is also significant in Indian wedding and festive contexts. White reads as clean and modern in Western design but carries associations with mourning in some Chinese contexts. The same red that signals festivity to one audience can read as a warning to another. So treat psychology as a starting hypothesis, then test it against your actual market rather than trusting a chart. Context — the category, the typography around it, the audience — usually outweighs any innate “meaning” of a hue.
Contrast and accessibility (WCAG)
A palette that looks great on a designer’s calibrated screen but can’t be read by a customer in bright sun has failed. Accessibility is part of colour theory, not an afterthought. The Web Content Accessibility Guidelines (WCAG) set measurable contrast ratios:
- 4.5:1 minimum contrast between normal body text and its background.
- 3:1 for large text (roughly 24px and up, or 18.66px bold) and for meaningful UI elements like icons and form borders.
Run every text-on-colour combination through a free contrast checker before you commit. A common trap is a brand colour that works as a graphic block but fails badly as text — the fix is to specify a darker or lighter variant for type while keeping the brand colour for fills. Designing for contrast also future-proofs you against screens, print and people who simply don’t see colour the way you do.
Turning colour theory into a usable palette
Pulling it together, a workable brand palette usually has one or two brand colours chosen via a scheme, a couple of supporting tones, a strong neutral for text, and accessible variants of each for when contrast demands it. Theory gives you the relationships; the discipline is restraint. The brands that age well tend to use fewer colours, more deliberately. You can see how we apply this across sectors in our work portfolio, and it’s a core part of our branding and design process.
Frequently asked questions
How many colours should a brand use?
Most strong brands run on one or two core colours plus a small set of neutrals and a single accent. More than that and consistency gets hard to enforce. It’s better to use a small palette well — varying saturation and value for range — than to manage six competing hues.
Does colour psychology actually work?
Partly. Colour influences first impressions, but the effect is shaped by culture, category and context far more than by any fixed “meaning”. In Singapore’s multicultural market especially, test your colours against your real audience rather than relying on a generic chart.
What contrast ratio do I need for text?
WCAG asks for at least 4.5:1 for normal body text and 3:1 for large text and key interface elements. Check every text-and-background combination with a contrast tool, and keep darker or lighter variants of your brand colours on hand for when a fill colour fails as type.
Want a palette built on real colour theory, not guesswork? Get in touch and we’ll help you build one that works everywhere.
