Colour without the wheel of doom
Forget complex colour theory. One formula (60-30-10), one contrast rule, and one shortcut cover almost everything.
Colour theory books are thick, intimidating and — for practical design — mostly unnecessary. Working designers lean on a few dependable moves. Here they are.
The 60-30-10 formula
The single most useful colour rule in existence:
The magic is in the 10: an accent colour is loud because it's rare. Use your red on everything and the red button disappears; use it once and it's a siren. Spending your accent is a budget decision.
Contrast: the non-negotiable
Whatever colours you pick, text must be effortlessly readable on its background — dark on light or light on dark, decisively.
The two classic failures: pale grey text on white (fashionable, invisible) and coloured text on a differently-coloured background (red on blue vibrates painfully). When in doubt: near-black text on near-white background is what most of the professional world uses, and this very page is proof it doesn't feel boring.
Choosing colours: the shortcuts nobody admits to
Shortcut 1 — Steal from nature. A photo of a beach, a forest, a sunset — nature's colour combinations never clash. Canva and free tools can extract a palette from any photo. Designers do this constantly.
Shortcut 2 — Use a palette site. Coolors, Adobe Color, Canva's palette library — thousands of pre-matched palettes made by professionals. Picking a ready palette isn't cheating any more than using a recipe is cheating at cooking.
Shortcut 3 — One colour + neutrals. The safest look in design: black, white, greys… plus exactly ONE colour. It's the uniform of tech companies and premium brands because it's nearly impossible to get wrong. When unsure, this is the answer.
Colour has meaning (loosely)
Colours arrive pre-loaded with associations — worth knowing, not worth obsessing over:
| Colour | Common read |
|---|---|
| Blue | Trust, calm, corporate (why banks are blue) |
| Red | Urgency, energy, appetite (why sales and fast food are red) |
| Green | Growth, nature, money, "go" |
| Yellow/Orange | Cheap-and-cheerful, friendly, warning |
| Black | Premium, serious, luxury |
| Purple | Creative, premium-quirky |
These shift by culture and context — red is luck and celebration across much of Asia — so treat the table as defaults, not law.
The complete beginner recipe
For any project, in order:
- 1Near-white background, near-black text (your 60)
- 2One colour that fits the mood — blue for trustworthy, green for fresh, etc. (your 30)
- 3One hotter accent used in exactly 1–3 places (your 10)
- 4Check text contrast passes
- 5Squint test: does the accent still pop? If it's everywhere, cut it back
Follow that recipe and you will simply never produce the rainbow-clown poster again. That's a guarantee.
Too Long; Didn’t Read
- 60-30-10: calm dominant colour, one supporting colour, one rare loud accent — rarity is what makes accents work.
- Contrast is non-negotiable: decisively dark-on-light or light-on-dark, and never let colour alone carry meaning.
- Shortcuts are legitimate: steal palettes from photos, use palette sites, or default to neutrals + one colour.
Your tiny task
Find one design you made or received recently and count its colours. Rebuild its scheme as 60-30-10 (neutrals + one colour + one accent used max twice). Squint-test the result.
It takes a few minutes and it’s the bit that makes the lesson stick.
Quick check
0 of 3 answered
Three questions. Get one wrong and you’ll get a hint — there’s no penalty and you can try again straight away.
Your score is saved to your dashboard.
Finished reading? Tick it off.
Create a free account to save your progress, streak and badges.
Up next: Your free toolkit: Canva and Figma
Advertisement
Ad space (lessonFooter)
Add your AdSense IDs to .env and real ads appear here.
Ads keep the free courses free. Go Pro to remove them.