From the traffic light to the supermarket shelf: how color runs our lives

Short answer

Color is a language used in moments when there's no time to read: with a single glance it says "stop," "watch out," "this line," "this variant," or "you have a message." At a traffic light it works as a command, on a shelf as a shortcut, on a metro map as an address, on your phone as a call. But on its own it isn't a reliable language; every well-designed color code comes with a backup.

Traffic and safety: color is a command

The world's first traffic light was installed in 1868 in London, in front of the Houses of Parliament. During the day it worked with arms borrowed from railway signals, and at night with red and green gas lamps that a policeman turned by hand. A few weeks later it exploded from a gas leak and the trial ended. But the meaning of red and green survived: both were colors Knight already knew from railway signals.

The traffic light's success comes from two properties of color. The first is speed: noticing a color takes far less time than reading a piece of text. The second is consistency: because red says the same thing at every intersection, a driver applies it without thinking. Workplace safety signs are built on the same logic; which color shows a prohibition, which shows a warning, which shows a mandatory action, and which shows a safe exit is set by international standards, and that is covered in EN-07.

The traffic light also has a hidden backup. The lights are arranged in the same order at every intersection; in vertical lights, red sits on top and green on the bottom. A driver who has trouble telling red and green apart reads the position instead of the color and gets the same command. How common color vision deficiency is gets covered in BI-12; what we need to know here is that a solid color code never leaves color as the only clue.

Packaging and the shelf: color is a shortcut

In a supermarket, dozens of variants of the same product sit side by side. A customer doesn't read every package's label; they look at the color and reach for it. That's why manufacturers separate variants within a product family by color: same brand, same bottle, a label in a different color. In some categories these codes turn into a habit that spreads across the whole industry, and a customer can guess what the color means even without knowing the brand. Which category is tied to which color, and how these codes change from country to country, is covered in PZ-04.

The weak point of a shelf color code is that it isn't standardized. The traffic light's red says the same thing everywhere; the meaning of a packaging color, on the other hand, can shift from brand to brand, country to country. That's why color on packaging is only reliable information together with the text on it.

Color names can also reveal who a product assumes its customer is. Bandages and stockings sold as "skin color" meant a single light tone for a long time. In 2020, a major bandage brand releasing a color range for dark skin tones was a reminder of how widespread that assumption had been.

Maps and the metro: color is an address

On a metro map, every line carries its own color, and that color repeats on station signs, on platforms, even on the trains themselves. In Istanbul, the M1 line is shown in red on the map and on directional signs, and the M3 line in light blue. A passenger recognizes a line's color before reading its name, and follows that color through a transfer corridor.

Here too there's a backup: every line has a number. A passenger who thinks "the red line" and one who reads "M1" end up in the same place. As the number of lines grows, the number of colors that can be told apart from each other shrinks; this limit, and the colored direction lines in hospital corridors, is the subject of MI-08.

Screens: color is a call

The small red circle that appears in the corner of an app icon on your phone tells you there's an unread message. A box that turns red in a form shows a field with an error; a green checkmark shows a completed action. Interface designers call these "semantic colors" and set separate rules to use them consistently; UX-02 explains those rules.

A color code on a screen wears out more easily than a traffic light. When every app uses red to grab attention, red stops describing something urgent and starts describing only something new. The power of a color depends on how sparingly you use it.

Example — a day's color count

An ordinary morning might go like this: you tap the orange button on your alarm screen, a red light on your kettle tells you it's on, you wait for the green walking figure at a crosswalk, you transfer from the red metro line to the light blue one, you find your usual milk at the store by its color without reading the label, a red badge on your phone calls you to a message. In none of these six moments did you read a word of text, but in every one of them you made a decision.

Common misconception

Summary

1. Color works as a command, a shortcut, an address, or a call in moments when there's no time to read.
2. Codes tied to a standard (traffic, safety) say the same thing everywhere; packaging and interface codes vary by context.
3. A solid color code never leaves color as the only clue: it's backed up by position, number, shape, or text.

Test yourself

1. (Easy) In which city and in which year was the world's first traffic light installed?
2. (Easy) What is the backup code that accompanies a metro line's color?
3. (Medium) Can you name three things that direct you through color today?
4. (Medium) How does a driver who can't tell red and green apart at a traffic light receive the command?
5. (Hard) How does the meaning of red change when every app uses it for notifications?
6. (Hard) Why aren't packaging color codes as reliable as a traffic light?

Answers

1. In London, in 1868; as a gas-lit signal at Parliament Square ("Traffic and safety").
2. The line number; in Istanbul, the red line is also M1 ("Maps and the metro").
3. The answer varies from person to person: a traffic or pedestrian light, the color of a metro line, the label color of a product, a red badge on your phone, the indicator light on a device, and so on. If you can write down what the color says and what its backup is for each one, you've reached the lesson's goal ("Example — a day's color count").
4. From the fixed arrangement of the lights: in vertical lights, red is on top and green on the bottom; position is color's backup ("Traffic and safety").
5. It stops describing something urgent and starts describing only something new; an overused color loses its distinguishing power ("Screens").
6. They aren't tied to a standard; their meaning can shift from brand to brand and country to country, so they must be read together with the text on them ("Packaging and the shelf").

Sources

• History Hit, "Where Were the World's First Traffic Lights?".
• Cleveland Police Museum, "Early Electric Traffic Signals in Cleveland."
• Metro İstanbul, network maps and line pages (metro.istanbul).
• Band-Aid Brand, "OURTONE Adhesive Bandages"; CBS News, "Band-Aid re-launches racially diverse bandages."

Next step

EN-07 opens up the standard language of the safety colors you see in traffic and in the workplace: it covers prohibition, warning, mandatory, and emergency colors, pipe and gas cylinder codes, and sign design that accounts for color blindness. PZ-04, meanwhile, examines the shortcuts on the shelf: the color codes settled into food, medicine, and cleaning categories, how they differ from country to country, and the risk of breaking a code.