SiteLearning & Craft · Color theory
Framework for choosing and applying UI colour: neutrals, one accent, saturation ranges and when to break the rules.
Why it’s a gem
Actionable constraints rather than colour-wheel theory; works immediately in Figma
Free chapter preview explaining how to build a UI palette with defined shade ramps rather than lighten/darken functions.
Technical note defining colour-blind-safe qualitative, sequential and diverging palettes, with values and usage rules.
Stripe engineering post on building a colour system that guarantees contrast ratios while preserving brand hue relationships.
Long essay deriving an algorithm for generating accessible, perceptually even colour palettes, with interactive demos.
Article explaining why HSB beats hex for reasoning about UI colour, with rules for building consistent palettes.