Color writing for builders
Field notes on picking brand colors, WCAG contrast, dark mode design, Tailwind tokens, and rebranding shipped products.
A working method for choosing five brand colors fast — primary, secondary, accent, light, dark — that survive both light mode and dark mode without endless tweaks.
What 4.5:1, 3:1, and 7:1 actually mean for your brand colors — with worked examples for primary buttons, accent badges, and disabled text.
How to translate five brand colors into Tailwind's color system — including tints, shades, and the dark variant — without polluting the entire theme.
Monochrome, analogous, complementary, triadic, split complementary, tetradic — when each one shines and when each one ruins your UI.
Why pure black backgrounds and full saturation brand colors are still wrecking dark mode UIs, and how to fix the palette in one pass.
URL-based palette sharing beats Figma file links and Slack screenshots when you want fast feedback on a color decision.