Color Guides
Practical writing about colour for people who ship. No mood boards, no theory for its own sake.
Looking for inclusive figure work? See the skin tone color palette guide and hair color palette HEX codes with copyable ramps for design.
Color Theory Basics Every Designer Actually Needs
A practical guide to hue, saturation and lightness, the colour wheel, and the harmony rules that make palettes work. No art-school jargon.
· 9 min read
What Colors Go With Sage Green? 7 Combinations That Work
Sage green pairs with warm neutrals, terracotta, navy and dusty pink. Here are seven tested combinations with hex codes for each.
· 7 min read
How to Choose Brand Colors: A Step-by-Step Process
A repeatable process for choosing brand colours, from positioning to contrast testing, with the checks most teams skip.
· 10 min read
How to Extract a Color Palette From an Image
How colour extraction algorithms work, why the results sometimes look wrong, and how to get a usable palette out of any photo.
· 8 min read
WCAG Color Contrast: What AA and AAA Actually Require
A plain-English guide to WCAG contrast ratios, which elements the rules apply to, and how to fix a palette that fails.
· 7 min read
Mocha Mousse Color Palette: HEX Codes, Pairings and How to Use It
Mocha Mousse (Pantone 2025 Color of the Year, 17-1230) palettes with approximate HEX codes near #A47864, pairing ideas, UI tips and a Tailwind snippet.
· 9 min read
Colorblind Friendly Color Palettes: Safe HEX Codes for Charts and UI
Color blind safe palette HEX codes for charts and UI: Okabe–Ito, IBM Design Language, Paul Tol Bright and more, plus CVD notes, WCAG tips and a Tailwind snippet.
· 10 min read