Colour in Art and Design: Pigments, Light, and Systems

“This palette is sophisticated” is the most common and least useful thing said about colour. Colour is hard to discuss because one word names three different things: pigment (matter), light (physics), and system (digital and print).

Separate the three and you can explain why an old painting darkened, why a screen colour will not print, and why “muted tones” often look muddy on the web.

Layer one: pigment is matter

In painting, colour is first a material. Materials have prices, chemistries, and ageing behaviour.

• Ultramarine. Made from lapis lazuli and long among the most expensive colours, which is why it was reserved for the most important passages — a Virgin’s robe.
• Lead white. Highly opaque and toxic; gradually replaced by zinc and titanium whites.
• Chrome yellow. Bright and cheap, widely used in the nineteenth century, and known to darken under light. Van Gogh’s yellows are darker today than they were.
• Synthetic dyes. From the first aniline dye in 1856, colour was released from minerals and plants, and cost collapsed.
• Titanium white. Once common in the twentieth century, it made whites brighter and cooler, changing modern painting and industrial products alike.

So when you look at an old painting, the colour is not “the colour the painter mixed” but the result of material plus time. Conservation records, pigment analysis, and varnish condition are all colour information.

Layer two: light and vision

The same colour is a different colour under daylight, tungsten, fluorescent, LED, and gallery spotlights.

Three dimensions describe colour:

Dimension	Meaning	Common misreading
Hue	Red, yellow, blue	Treating “warm” as a hue; warmth is colour temperature
Saturation	Intensity	Assuming low saturation means sophisticated
Value	Lightness or darkness	Most often ignored, yet it governs legibility

Value comes first. Two colours with completely different hues but similar values will sit together harmoniously; identical hues with a large value gap will clash.

This is why a greyscale check works: convert the design to grey. If the hierarchy survives, the palette holds.

Layer three: systems

• RGB. Screen, additive: the more you add, the brighter.
• CMYK. Print, subtractive: the more you add, the darker.
• Pantone / spot colour. A specified ink, used where brand colour must reproduce exactly.
• Gamut. RGB can display more colours than CMYK can print, so bright fluorescents and pure blues do not survive.

Screens and print disagree not because something was set wrong but because the two systems describe different ranges of colour. Decide the final medium, then choose values.

Breaking down a painting’s palette

Four questions:

1. What is the dominant colour? The one or two that set the key.
2. What supports it? Secondary colours that build depth.
3. What is the accent? Small in area, loudest in effect, used to steer the eye.
4. Is the palette limited? Three or four colours often carry more force than ten. Prints, screenprints, and posters make this obvious.

Write the answer as one sentence — “ochre and grey-blue dominant, dark green secondary, vermilion accent” — and you have something more useful than “nice colours”.

Five usable relationships

• Complementary. Opposite on the wheel; maximum contrast, easily harsh, needs value or area to calm it.
• Analogous. Adjacent hues; harmonious but flat without value contrast.
• Triadic. Three evenly spaced hues; lively and hard to control.
• Warm/cool. The most practical: warm advances, cool recedes, producing space directly.
• Neutral plus one. Black, white, grey and a single accent — the most reliable commercial scheme.

Common mistakes

• Calling every muted scheme “sophisticated”. Without value structure, muted just looks dirty.
• Sending screen colours to print. Different gamut, guaranteed shift.
• Watching hue and ignoring value. Legibility, hierarchy, and accessibility all run on value.
• Ignoring cultural meaning. White, black, and red mean opposite things in different markets; check before designing across them.
• Ignoring viewing conditions. Gallery lighting, phone brightness, and paper sheen all change the result.

An exercise that works

Take three works — one classical, one modern, one piece of graphic design — and for each:

1. Extract five main colours with a picker.
2. Note the area proportions: dominant, secondary, accent.
3. Convert to greyscale and check whether hierarchy survives.
4. Build a simple layout or poster with those five colours.

Step four is the real test: if you can make something of your own with someone else’s palette, you have understood it.

Where to look

• The V&A. Design, ceramics, and textiles in quantity — a palette library.
• The Met’s open access collection. Filter by medium to compare pigments across periods.
• National Gallery of Art. Stable, high-resolution images suitable for sampling values.
• Tate Modern. How colour stopped describing things in the twentieth century.
• The Powerhouse and the Design Museum Helsinki. Colour systems in industrial products and graphic design.

What to do next

• Format and framing: Composition.
• Reading one work: How to look at a painting.
• Limited palettes and impressions: How to look at prints.