A Guide to Colour Theory

Primary colours, the colour wheel, harmonies that actually work, and why a palette that looked right on screen prints flat — colour theory you can use today.

Hustle Singapore

Reads

8 min read

Color Theory

ON THIS PAGE

Colour theory: the primary colours

Colour is the first thing anyone notices about a design and the last thing most people can explain. Why does one poster feel expensive and another cheap? Why does the same photograph feel warm in one crop and clinical in another?

Colour theory — color theory, if you spell it the American way — is the set of principles behind those reactions. This guide covers the parts you can use straight away.

What is colour theory?

Colour theory is the study of how colours relate to one another, how they mix, and how people respond to them. It sits partly in physics, partly in biology and partly in culture.

Primary colours are the ones you cannot mix from anything else. In the classical model used in painting they are red, blue and yellow; mixing them gives the secondary colours — red and blue make purple, blue and yellow make green, red and yellow make orange. Mix a primary with its neighbouring secondary and you get a tertiary, and so on around the wheel.

There is a second model worth knowing about. Screens do not mix pigment, they mix light: red, green and blue combine additively to make white. Paint and ink work subtractively — each layer absorbs more light, and enough of them make mud. This is why a colour that glowed on your monitor can look flat once printed, and it is the single most common surprise for people moving between digital and physical work.

The principles themselves are not a matter of opinion — complementary colours contrast because they stimulate different cones in the eye. What is subjective is meaning: white is worn at weddings in some cultures and at funerals in others, and someone who finds blue calming may have a friend who finds it cold.

How to read the colour wheel

The wheel is a map of those relationships, and five terms cover most of what you need.

Complementary — colours opposite each other, such as red and green or blue and orange. Maximum contrast; each makes the other look more intense. Use for something that must be noticed.

Analogous — neighbours on the wheel, such as blue, blue-green and green. Quiet and harmonious, with little tension. Use when the content should lead, not the palette.

Triadic — three colours evenly spaced around the wheel. Balanced but lively; usually one leads and the other two support.

Split-complementary — a base colour plus the two either side of its complement. Nearly the punch of a complementary pair, without the strain.

Warm and cool — one half of the wheel (red through yellow-green) advances and energises; the other half (green through violet) recedes and calms. This is what makes a background sit back and a call-to-action come forward.

Then there is value: tints are a colour plus white, shades a colour plus black, tones a colour plus grey. Most amateur palettes fail not because the hues are wrong but because everything sits at the same value, so nothing stands out.

Using colour in real work

Using colour theory in design

Set the emotional register first. Warm colours read as energy and urgency; cool ones as calm and reliability. Decide what the piece should feel like before choosing a single hex code.

Contrast is legibility, not decoration. If text and background are close in value, the message is lost regardless of how pleasant the pairing looks. Check by converting the design to greyscale — if the text disappears, so does the reader.

Build hierarchy deliberately. The strongest contrast should sit on the thing you want seen first. Everything else steps back in softer tones. A design where everything shouts communicates nothing.

Be consistent across surfaces. Brands are remembered by colour long before wording. The same palette on a website, an Instagram post and a printed flyer is what makes recognition possible.

Then break the rules on purpose. Unexpected pairings are how work stops looking like a template — but the departure only reads as intent when the fundamentals underneath are sound.

Monochromatic palettes

A monochromatic scheme uses one hue and varies its saturation and brightness, plus black and white. It is the easiest palette to keep coherent and the hardest to make interesting — the whole effect rests on value contrast.

A monochromatic pink scene from The Grand Budapest Hotel

Film does this best. Wes Anderson's The Grand Budapest Hotel runs on pinks; Denis Villeneuve's Enemy soaks everything in yellow until the dread becomes physical; Zhang Yimou's Shadow works almost entirely in ink-wash greys. In each case the restriction is what makes the image memorable.

Can a colour blind person be a designer?

Colour blindness and design

Yes — and roughly one in twelve men has some form of colour vision deficiency, so a good many working designers already do.

Colour blindness is usually genetic and most often affects red and green perception; in rare cases (monochromacy) colour is absent altogether. It makes some tasks harder rather than impossible, and three habits carry most of the load:

Work in numbers, not impressions. HEX, RGB, HSB and CMYK values are exact where the eye is not. A palette defined by codes is a palette you can reproduce with confidence.

Lean on harmony rules. The wheel does not require you to see the difference to know that a complement will contrast. Structure substitutes for perception.

Verify with tools. Colour identifiers and eyedropper extensions name what is under the cursor, and greyscale and colour-blindness simulators show whether a design still works for the people looking at it. That last check is worth doing whether or not you are colour blind — a chart that relies on red versus green is unreadable to a slice of every audience.

Faith's story

Faith, a Hustle student

Faith came to us through the Deaf Association, looking for a course she could actually take. She had grown up seeing the world as dreamy and cloudy and assumed that was simply how everyone saw it; she learned of her hearing impairment at Primary Four, and of her visual impairment only at thirty.

She joined our Digital Art with Procreate course. Digital turned out to suit her: she can magnify the canvas and place colour pixel by pixel, working around what her eyes cannot resolve. She credits our trainer Shanique with the patience that made it possible, and she is making art now with the intention of earning from it.

Her story stays with our team because it makes the point better than any argument about accessibility could: the barrier is usually the tool, not the person.

Where to learn this properly

Reading about colour gets you the vocabulary. Mixing it yourself is what makes it stick — seeing how much white a colour needs before it turns chalky is not something a diagram teaches.

Our Acrylic Colour Application course is SkillsFuture-eligible and covers colour concepts with paint in your hand. If you would rather work on screen, Graphic Design with Canva Pro applies the same principles to layouts and brand work, and Digital Art with Procreate is the illustration route.

Ask us through the chat on this page if you are unsure which one fits what you want to make.

Hustle Singapore's Graphic Design with Canva Pro Course

Take Canva further with the pro-level skills brands actually pay for.