Guides
Color guides
Practical, no-fluff guides to help you choose, check, and ship better colors. Each links to the tools you’ll need.
How to choose a website color palette
A simple, role-based system for picking site colors.
How to create an accessible color palette
Meet WCAG contrast targets without dull design.
HEX, RGB, and HSL explained
What each format means and when to use it.
How to create dark mode color palettes
Backgrounds, text, and accents that work in the dark.
Using Tailwind colors in a design system
Map a palette to Tailwind scales and tokens.
What is color contrast ratio?
How contrast is measured and what to aim for.
How to choose brand colors
Build a small, flexible brand palette.
Common color mistakes in web design
And the quick fixes for each.