Color theory in practice: harmony, contrast, and meaning.
How to choose colours that work — not just look pretty
Color control.
§The color on the thread.
The color of the company logo.
§Harmonies
A colour scheme often becomes calmer if the colours have a conscious relationship to each other in the colour wheel. A few classic approaches will help you get started:
- 01Complementary: two colours opposite each other in the circle — great contrast and energy.
- 02Analog: colors that are next to each other – harmonious and calm.
- 03Triad: three colors evenly distributed in circle — lively but balanced
- 04Monochrome: one hue in different values and saturations — very coherent.
§Contrast directs attention
Contrast is not just dark against light. You can create contrast with colour, saturation, brightness, size and warmth/coolness. The most important contrast in most designs is between text and background: if it is too low, the text becomes difficult to read, regardless of how nice the colour scheme is.
§Accessibility
Some users have reduced colour vision or read on poor screens and in poor light. Colour must therefore never be the only carrier of a message — also use shape, text or icons. And ensure sufficient lightness contrast between text and background so content can be read by as many as possible. There are recognized guidelines for accessible contrast that you should test your choices against.
§Meaning and context
Colors don't mean the same everywhere. A color that signals party in one context can signal warning in another, and meanings vary between cultures and industries. Always think about who's seeing the design and in what context — target audience and context are at least as important as the color wheel.
“Don't choose a colour because you like it — choose it because it does what the message needs.”
— Basic principle in applied colour theory