Definition
Color is a perception, not a property. An object reflects certain wavelengths of light, three types of cone in the retina respond, and the brain constructs the experience we call red. Designers usually describe a color through three dimensions: hue, which is its position on the spectrum; saturation or chroma, which is its intensity; and value or lightness, which is how light or dark it is. Of the three, value does most of the structural work, because value differences remain visible in grayscale, to color-blind viewers, and in bright sunlight. A useful working rule follows from this: use hue to identify and categorize, and use value to build hierarchy and ensure legibility.
Why It Exists
Color exists as a design tool because it is processed fast, in parallel, and pre-attentively. A viewer can spot a single red item among thirty gray ones without searching, which makes color the most efficient way to flag exceptions, group categories or indicate state. It also carries affect. Warm and cool, saturated and muted, light and dark all shift the emotional register of a design before any content is read. But color is the element most likely to be misused, because it is enjoyable, cheap and superficially easy. Its function is specific — identify, differentiate, signal, set tone — and color applied without one of those jobs is usually the thing making a design feel unresolved.
Examples
- →Red used for a destructive action in an interface, so the button carries a warning before the label is read.
- →The color-coding of Underground and subway lines, where hue is the primary identifier a rider tracks across a whole map.
- →Hazard yellow and black stripes on machinery, a high-value-contrast pairing that remains visible in poor light and peripheral vision.
- →A muted, low-saturation palette in a medical records interface, chosen so that the few saturated colors reserved for alerts are unmissable.
History
Systematic color theory begins with Isaac Newton's prism experiments in the 1660s and his arrangement of the spectrum into a circle. Johann Wolfgang von Goethe's Theory of Colours, published in 1810, shifted attention from physics to perception and the psychological effect of color. The decisive modern work happened in art schools. Johannes Itten taught color as part of the Bauhaus preliminary course from 1919, building a theory of contrasts and later of seasonal color types. Josef Albers, who taught at the Bauhaus and then at Black Mountain College and Yale, published Interaction of Color in 1963, demonstrating through printed exercises that the same color appears different depending on what surrounds it. Albers's central claim was that color is the most relative medium in art.
In Modern Design
Digital color brought precision and new problems. Screens mix red, green and blue light additively, while print mixes cyan, magenta, yellow and black inks subtractively, so a color that exists in one may be impossible in the other. Designers work in models chosen for the task: hexadecimal or RGB for implementation, HSL for reasoning about relationships, and perceptual spaces like OKLCH for palettes whose lightness steps look even to the eye rather than merely being numerically even. Accessibility has become a hard constraint rather than a preference: WCAG defines minimum contrast ratios between text and background, commonly 4.5 to 1 for body text. Dark mode has added a second complete palette with its own contrast behavior, which is why color now lives in tokens rather than in individual decisions.
Real-World Example
Josef Albers's teaching exercises are the clearest demonstration of color's instability. In the best-known of them, two small squares of identical color are placed on two different backgrounds, and they appear unmistakably different — one warmer, one lighter — to every viewer. In a related exercise, two different colors are placed on carefully chosen grounds so they appear identical. Albers used these not as illusions but as evidence that no color can be specified in isolation, and that a designer's judgment must always be made in context. This has a direct practical consequence. Choosing a palette against a white artboard predicts almost nothing about how those colors will behave against each other, against photography, or in dark mode.
Key Principles
- →Color is relative: every color is altered by what surrounds it, so judge colors in their final context, never in isolation.
- →Value does the structural work. If a layout fails in grayscale, the problem is contrast, not hue.
- →Never rely on hue alone to carry meaning; pair it with text, shape, position or value for viewers with color vision deficiency.
- →Restraint outperforms range. A small palette with clear roles is more useful than many colors chosen for variety.
- →Reserve saturated color for what must be noticed, and keep the rest of the palette quiet so that reservation still works.
- →Color associations are cultural and contextual rather than universal, so test meaning with the actual audience rather than assuming it.
Why it matters
Color is where design decisions become decisions about who can participate. Text at insufficient contrast is unreadable for people with low vision, in bright sunlight, or on a cheap screen, and roughly one in twelve men has some form of color vision deficiency, so meaning carried by hue alone is meaning that simply does not arrive for a large minority. These are not edge cases. Color is also where beginners most often mistake enjoyment for effectiveness. Learning to treat it as a system with defined roles — a neutral scale for structure, one or two accents for action, and reserved colors for status — produces work that holds together and that other people can extend without guessing.
Then vs Now
Then
Color was a material with a price. Ultramarine was ground from imported lapis lazuli and cost more than gold, and a printer adding a second color added a second pass through the press. Palettes were shaped by what a workshop could afford and physically obtain.
Now
Every color is free and instantly available, so the constraints have moved. They are now perceptual and legal: contrast ratios required for accessibility, consistent behavior across light and dark modes, and palettes defined as tokens so thousands of screens stay coherent.
Try it yourself
Take any design you have made and convert it to grayscale. Ask whether the most important element is still the most prominent one, and whether every piece of text is still comfortably readable. Fix what breaks, working only in value, before reintroducing hue. Next, run Albers's experiment yourself: make two squares of the identical color, place one on a dark background and one on a light one, and observe how differently they read. Finally, take your current palette, limit yourself to one neutral scale plus a single accent, and rebuild the design. Most people find they lose nothing and gain clarity.