Color Design Guides

Practical color knowledge for designers β€” from foundational theory to real-world application, accessibility standards to CSS engineering.

🎨
Brand Design

How to Choose Brand Colors

Define brand personality, understand color associations, build a primary/secondary structure, and test across print and digital.

⏱ 7 min read
πŸ”΅
Design Fundamentals

Color Theory for Designers

Color wheel, harmonies, warm/cool contrast, HSL β€” master the fundamentals to make faster, more confident color decisions.

⏱ 8 min read
β™Ώ
Accessibility

WCAG Color Contrast Guide

Understand AA/AAA requirements, contrast ratio calculations, and how to fix the most common accessibility failures.

⏱ 6 min read
πŸ–¨οΈ
Print & Production

What Are Pantone Colors?

PMS numbers, coated vs uncoated, Pantone vs CMYK vs RGB β€” and when you actually need to specify spot colors.

⏱ 6 min read
</>
CSS & Dev

CSS Color Variables & Design Tokens

Build a three-layer token system with CSS custom properties, implement dark mode, and maintain consistency at scale.

⏱ 7 min read
πŸ“Š
Design Systems

How to Create a UI Color Scale

Generate a balanced 50–950 scale from any base color β€” understanding lightness curves, saturation compensation, and hue shift.

⏱ 6 min read
🧠
Color & Emotion

Color Psychology in Marketing

Red creates urgency, blue builds trust β€” understand how color affects consumer decisions, and how to avoid category clichΓ©s.

⏱ 7 min read
⚑
Color Harmony

Complementary Colors Explained

Complementary, split-complementary, triadic, tetradic β€” master high-contrast color combinations with the right proportions.

⏱ 6 min read