Skip to content
Tool·Lifes /Everything About Visualization
Apps
Explore Guides Search
🎨 Craft

Color systems

Hue is a tool, not decoration — categorical, sequential and diverging scales for charts and ads.

Color systems

Color systems encodes values as hue, value and chroma mapped to category or magnitude. Munsell 1905; Brewer palettes (1994–) for maps; OKLCH in modern CSS.

In reports, ads and assignments it fits legends, brand systems, accessible data color. Skip it when rainbow defaults, or encoding two quantities in one hue.

This page gathers anatomy, fit, craft, failure modes and work / ads / school recipes for Color systems.

FormColor systems
Since1905
Encodeshue, value and chroma…
Best forlegends, brand systems,…
Avoidrainbow defaults, or…
Studiocraft

Profile

Clarity
74
Persuasion
90
Density
40
Craft cost
42
School fit
78
Work fit
88
749040427888

Seven chapters

The idea

Hue is a tool, not decoration — categorical, sequential and diverging scales for charts and ads. History. legends, brand systems, accessible data color.

Read →

Anatomy

Hue is a tool, not decoration — categorical, sequential and diverging scales for charts and ads. Mark. legends, brand systems, accessible data color.

Read →

When to use

Hue is a tool, not decoration — categorical, sequential and diverging scales for charts and ads. Fit. legends, brand systems, accessible data color.

Read →

Craft

Hue is a tool, not decoration — categorical, sequential and diverging scales for charts and ads. Rules. legends, brand systems, accessible data color.

Read →

Mistakes

Hue is a tool, not decoration — categorical, sequential and diverging scales for charts and ads. Failure modes. legends, brand systems, accessible data color.

Read →

Studio

Hue is a tool, not decoration — categorical, sequential and diverging scales for charts and ads. Work. legends, brand systems, accessible data color.

Read →

Tools

Hue is a tool, not decoration — categorical, sequential and diverging scales for charts and ads. Software. legends, brand systems, accessible data color.

Read →

Frequently asked questions

When should I pick Color systems?
When the story is legends, brand systems, accessible data color.
When should I avoid Color systems?
When rainbow defaults, or encoding two quantities in one hue.
Who invented or popularised it?
Munsell 1905; Brewer palettes (1994–) for maps; OKLCH in modern CSS
What does it encode?
hue, value and chroma mapped to category or magnitude
Is it OK in ads?
Yes if one claim is visible at a glance in Meta, Google and retail print; otherwise link to a full figure.
Will a teacher accept it?
Yes for lab reports and poster boards if axes, units and a source line are present.
Which tool?
Excel or Google Sheets or PowerPoint; export SVG/PDF.
How do I keep it accessible?
Do not rely on hue alone. Label directly and check greyscale.

Related

× ✓

♿ Accessible viz

If it only works in hue, it does not work — patterns, contrast and text that survive greyscale.

Open →

✒️ Data-ink

Every pixel should earn its keep — Tufte’s test for reports, and a warning against cute ads.

Open →

 01

📣 Ads & creative

Shapes that must work at a glance — badges, arrows, crops and a single number that sells.

Open →