Color
15 pagesPalettes we did not draw, and how to convert one into something you can ship.
Every page follows the same nine sections in the same order — live preview first, then anatomy, tokens, sizes, do, don’t, accessibility, code, notes. Learn the shape once and you can find anything in seconds.
Using a PaletteTurning twenty borrowed hex values into something you can ship — what to keep, what to measure, and where it enters the token tiers.Flat UI Palette v1The original 2013 twenty — the set that named flat design.Dutch PaletteSaturated primaries falling away into jewel tones. Jeroen Van Eerden.Turkish PaletteNeon highlighters over two near-blacks. Tamer Köseli.Indian PaletteWarm spice over deep plum and navy. Ranganath Krishnamani.Swedish PaletteHigh-chroma and system-bright. Jesper Dahlqvist.Canadian PaletteCandy pastels above, deep indigo below. Dmitri Litvinov.Aussie PaletteSun-bleached pastels pulled hard into indigo. Kate Hoolahan.Russian PaletteDusty, low-chroma and the most restrained of the fourteen. Alexander Zaytsev.French PaletteSoft pastels grading evenly into deep sea blues. Léa Poisson.Spanish PaletteOchre, terracotta and stone — where the warm neutrals are. Miguel Camacho.German PaletteA light and dark step per hue, plus a real grey ramp. The most systematic here. Martin David.Chinese PaletteVermillion and true blue over a full grey ramp. The only one that ships pure white. Wenjun.American PaletteMint, sky and lavender pastels — the most-copied palette on the web. Kevin Yang.British PaletteBright primaries over cool slate, with five usable greys. Jan Losert.