The 27-Swatch Map
Color, perception & language

A practical map of everyday color.

Color is continuous. Names are not. This original framework organizes familiar English color names into eight hue families, three family-relative roles, and three achromatic neutrals.

Explore the map Open the mixer Try experiments
Original practical framework—not an industry standard or biological model.
Interactive atlas

Explore the 27-swatch map.

Use familiar-name mode to explore the curated framework. Switch to the matched-lightness lab to compare hue families at the same OKLCH lightness levels. The second view is a controlled demonstration, not a replacement set of everyday names.

View
Viewing background

The central design choice

Why Lime, Green, and Cyan?

English gives the yellow-to-blue side of the hue circle an uneven vocabulary. This framework promotes three green-adjacent regions to equal structural roles so one broad “Green” family does not have to carry all of them.

A clearer naming progression

Lime represents the yellow-leaning region, Green the central region, and Cyan the blue-leaning region. Treating them as peers makes the framework easier to teach and remember.

A framework choice, not a natural law

The three families are practical naming anchors. They are not separate cone types, biological channels, or hard boundaries in the physical spectrum.

Established science

Light is input. Color is experience. Names are conventions.

The framework becomes easier to evaluate when three different questions are kept separate: what reaches the eye, what the visual system produces, and how language divides that experience.

1

Light

Emission, reflection, absorption, and scattering determine the spectral distribution of light reaching the retina. Physics supplies the stimulus, not a list of mandatory color names.

2

Perception

Typical daylight vision compares signals from three overlapping cone classes through several neural pathways. Color is a percept produced by that visual system and its context.

3

Language

People can distinguish far more colors than everyday language names. Languages compress continuous experience into useful categories whose boundaries vary by culture and situation.

What this framework proposes

A compact English-friendly map: eight selected hue families, three relative roles inside each family, and three achromatic neutrals.

What it does not claim

That nature contains exactly eight hues, that the 27 swatches are universal boundaries, or that Light, Core, and Dark are equally bright across different families.

Relationship to existing systems

Built from familiar ideas, combined in a new way.

No single comparison below is the same framework. Each contributes a useful idea: perceptual order, systematic names, hue geometry, or familiar English categories.

Munsell

Hue · Value · Chroma

A measured color-order system. This map borrows the idea of separating hue from lightness but does not attempt Munsell precision.

NCS

Perceptual anchors

Begins with white, black, red, yellow, green, and blue, then describes other colors through resemblance and mixture.

ISCC–NBS

Systematic names

Combines hue names with modifiers such as light, dark, vivid, pale, and grayish across a much larger set of color blocks.

HSL & CSS

Screen coordinates

Supply the hue circle, sRGB values, hex notation, and a historical list of names—but not a perceptually uniform naming system.

This map

27 memorable swatches

Compresses familiar names into eight families and three relative roles, then keeps white, gray, and black visibly separate.

Exact values

Inspect the familiar-name palette.

These sRGB values are curated representatives, not universal centers or boundaries for the names. Display calibration, illumination, adaptation, surrounding colors, culture, and the observer all affect appearance and naming.

Open the complete 27-swatch data table

The table includes sRGB, HSL, and OKLCH coordinates calculated from each hex value.

The 27 familiar-name swatches with family, role, representative name, hex, RGB, HSL, and OKLCH values.
Family Role Representative Hex RGB HSL OKLCH
Sources & further reading

Follow the evidence.