MyLeoNes™

Colour relationships — Design, 14–17 years

How colours influence one another, create mood and help people notice or understand parts of a design.

Colours change beside each other

A colour does not look exactly the same in every setting. A grey square can seem bluish beside orange and warmer beside blue; a pale colour can disappear on a white background but stand out on dark blue. Designers choose colours as groups, not as isolated samples.

The problem of colour confusion

Designers use colour to separate, connect or signal things, but colour meanings are not automatic. A red button may suggest danger, urgency or simply a brand, depending on its setting. Colour theory grew from the practical problem of making combinations that remain readable and produce a chosen feeling instead of visual muddle.

Choosing colours for a weather app

A weather app needs four labels: sunny, cloudy, rainy and warning. Start with a dark navy background. Use yellow for sun, but give the warning a strong orange panel and a symbol, because colour alone may be missed. Check the text in each panel: if white text disappears on yellow, change the text or the background. The palette now separates jobs clearly.

Choosing a colour from a screen

A common mistake is to pick colours only from neat digital swatches. That feels reasonable because the screen shows an exact sample, but the final colour may change in print, under different lighting or beside another colour. Test the actual combination in its real setting, and do not make colour the only way to recognise an important difference.

Colour in everyday design

Colour choices appear in maps, sports shirts, food packaging, transport signs, films and phone apps. A map may use different colours for land, water and routes; a food packet may use colour to suggest freshness or intensity. In each case, colour can guide attention and create expectations, but the surrounding words and shapes still matter.

Keep exploring

Other languages

Loading MyLeoNes™…