ColorDev Guides
Learn Color Theory That Actually Ships
Practical guides on contrast, harmony, color formats, and Tailwind — written for designers and developers who build real products.
Color Theory & Tools
WCAG Contrast Ratios Explained
What the 4.5:1 and 7:1 thresholds actually mean, why they were chosen, and how to fix failing pairs without wrecking your design.
Color TheoryColor Harmony Types: Complementary, Triadic & More
A practical breakdown of every harmony type — when to use complementary, analogous, triadic, and monochromatic palettes, and how to avoid the common traps.
Color FormatsHex, RGB, HSL & HSV Explained
What those color codes actually mean, how the math works, when to use each format in CSS and JavaScript, and how to convert between them.
Tailwind CSSBuilding a Custom Tailwind Color Palette
How to generate a proper 50–950 shade scale, extend tailwind.config.js, and use CSS variables for dark mode support — without making things ugly.
Color Pairing Guides
Practical breakdowns of specific colors — what works with them, why, and real-world contexts.
Colors That Go With Navy Blue
Navy's best pairings: gold, coral, white, camel — and why they work together at a visual level.
Read →PairingColors That Go With Beige
How to build around beige without going bland: terracotta, sage, navy, and the neutrals that clash.
Read →PairingColors That Go With Sage Green
Sage green's natural partners: terracotta, cream, dusty rose, warm brown — and what to avoid.
Read →PairingColors That Go With Burgundy
Cream, gold, charcoal, and forest green — why burgundy is one of the most versatile dark colors.
Read →PairingColors That Go With Teal
Teal's complementary contrast with coral, its harmony with sand and gold, and when charcoal is right.
Read →PairingColors That Go With Coral
How coral works with teal, navy, white, and soft peach — and the pairings that turn it muddy.
Read →PairingColors That Go With Mauve
Mauve's romantic range: blush, sage, cream, dusty rose — plus the colors that kill its softness.
Read →PairingColors That Go With Terracotta
Terracotta's earthy pairings: sage green, cream, white, and navy — the Mediterranean palette decoded.
Read →