Learn colors for design systems.
The concepts you actually need to build a state-of-the-art color system in 2026 — perception, OKLCH, gamut, contrast, ramps, tokens. Every chapter has an interactive playground.
25 chapters · 25 published
Part 1 — Foundations
Understand colorPart 2 — Building a color system
The decisions- 10Anatomy of a scale: steps are jobs
- 11Lightness curves and the three philosophies
- 12Chroma curves and the gamut ceiling
- 13Hue along the ramp
- 14Seed to scale: any brand color in
- 15Neutrals and tinted grays
- 16Dark mode is a second design
- 17Semantic tokens: tiers, naming, pairing
- 18States, alpha, and status colors
- 19Color for data visualization
- 20Shipping color in CSS