Color That Connects

Choosing and Combining Colors Effectively

Color creates emotional response instantly. Understanding color helps you design with intention.

Color Psychology

Warm Colors

Red: Energy, urgency, passion, danger

  • Use for: Sales, alerts, food, excitement
  • Caution: Can feel aggressive

Orange: Friendly, confident, creative, affordable

  • Use for: Calls to action, youthful brands
  • Caution: Can feel cheap if overused

Yellow: Optimism, happiness, attention, caution

  • Use for: Highlighting, positivity, warnings
  • Caution: Hard to read, can feel anxious

Cool Colors

Blue: Trust, calm, professional, reliable

  • Use for: Corporate, technology, healthcare, finance
  • Caution: Can feel cold or generic

Green: Growth, health, nature, money, permission

  • Use for: Environmental, wellness, finance, success
  • Caution: Varies significantly by shade

Purple: Luxury, creativity, wisdom, spirituality

  • Use for: Premium brands, creative industries
  • Caution: Can feel artificial

Neutrals

Black: Sophistication, power, elegance, formality White: Clean, pure, simple, spacious Gray: Neutral, balanced, professional, modern Brown: Earthy, reliable, rustic, warm

Color Relationships

The Color Wheel

Primary: Red, Yellow, Blue Secondary: Orange, Green, Purple Tertiary: Combinations (red-orange, blue-green, etc.)

Color Schemes

Monochromatic: One color, different shades

  • Safe, cohesive, subtle
  • Easy but can be boring

Complementary: Opposite colors (red/green, blue/orange)

  • High contrast, vibrant
  • Use one dominant, one accent

Analogous: Adjacent colors (blue, blue-green, green)

  • Harmonious, natural
  • Low contrast, peaceful

Triadic: Three evenly spaced colors

  • Vibrant, balanced
  • Use 60-30-10 ratio

Split-complementary: One color plus two adjacent to its complement

  • Vibrant but less tension
  • Easier than pure complementary

Practical Color Rules

The 60-30-10 Rule

60% dominant color (usually neutral or subtle) 30% secondary color 10% accent color

Limit Your Palette

3-4 colors maximum for most designs. More creates chaos.

Ensure Contrast

Text must be readable. Dark on light or light on dark.

Accessibility: Check contrast ratios. Low contrast excludes people.

Consider Context

  • Red in China: Luck
  • Red in Western finance: Loss
  • White in Western: Purity
  • White in some Asian cultures: Mourning

Know your audience.

AI Prompt: Color Palette Help

Help me choose colors for this design project.

Project: [What you're creating]
Industry/context: [Business type or use]
Mood I want: [Feelings to evoke]
Any required colors: [Brand colors, preferences]
Audience: [Who will see it]

Please suggest:
1. A color palette (primary, secondary, accent)
2. Why these colors work together
3. Hex codes I can use
4. How to apply the 60-30-10 rule
5. Accessibility considerations

Finding Color Inspiration

Sources

  • Nature
  • Photography
  • Art
  • Successful brands
  • Color palette tools (Coolors, Adobe Color)

Extract from Images

Upload an image you love. AI tools extract color palettes automatically.

Common Color Mistakes

Too Many Colors

Every additional color adds complexity. Limit ruthlessly.

Clashing Combinations

Trust color theory. Random choices often clash.

Ignoring Accessibility

Beautiful doesn't matter if people can't read it.

Trendy Over Appropriate

A color might be trendy but wrong for your context.

What's Next

The art of text.

Next chapter: Typography that communicates.

Design FundamentalsTypography That Communicates