Guides
The tools give you the answer. These explain what is going on underneath — and the parts people usually get wrong.
How to Choose Colours That Work Together
The colour wheel is not decoration — it is a tool for picking combinations that hold together. A practical guide to harmony, and the 60-30-10 rule that makes palettes feel finished.
DeveloperBuilding Colour Scales for a Design System
Why design systems number their colours 50 to 950, how to generate a scale that stays even, and the mistakes that make a palette hard to build with.
AccessibilityDesigning for Colour Blindness
Around one in twelve men cannot distinguish the colours you are relying on. Here is what colour vision deficiency actually is, and the one rule that fixes most of it.
FundamentalsHEX, RGB, HSL and OKLCH — Which to Use and When
Four ways to write the same colour, each good at a different job. A plain guide to what each notation is for, and why OKLCH is worth switching to.
PalettesHow to Build a Colour Palette From a Photo
Pulling colours from an image is easy to do and easy to do badly. Here is how extraction actually works, and how to turn six raw swatches into a usable palette.
AccessibilityWhat a Contrast Ratio Actually Means
4.5:1 is the number everyone quotes and almost nobody explains. Here is what it measures, why the thresholds are where they are, and the check people skip.