Master Color Theory
Everything you need to create professional color palettes. From fundamental harmony models to advanced accessibility techniques — learn the science behind beautiful design.
The Color Wheel
Foundation of all color theory — hover to explore relationships
Explore Topics
Deep-dive into each aspect of color theory
Color Harmony Models
Master the 6 fundamental harmony models: analogous, complementary, triadic, and more.
Color Psychology
Understand how colors influence emotions, behavior, and brand perception.
The 60-30-10 Rule
Learn the professional technique for perfectly balanced color distribution.
Color Roles in Design
Primary, secondary, accent, neutral, background — understand each role.
Color Accessibility (WCAG)
Create inclusive designs with proper contrast ratios and accessible palettes.
Color Formats Explained
HEX, RGB, HSL, OKLCH — understand when and how to use each format.
Quick Tips from the Pros
Start with one color
Pick your primary brand color first, then build the palette around it using harmony rules.
Test in context
Always preview your palette in real UI mockups — colors behave differently at scale.
Less is more
Limit your palette to 5 colors. Constraints breed creativity and consistency.
Check contrast
Ensure 4.5:1 contrast ratio for text. Accessibility isn't optional.
Ready to Apply What You've Learned?
Put theory into practice with our AI-powered palette generator. Create professional color schemes in seconds.
Generate Your First Palette