---
name: "Brand color psychology"
repo: https://github.com/mike-coulbourn/claude-vibes
source: https://github.com/mike-coulbourn/claude-vibes/blob/HEAD/plugins/vibes/skills/brand-color-psychology/SKILL.md
license: "MIT"
install: "npx skills add mike-coulbourn/claude-vibes --skill brand-color-psychology"
page: https://100xlab.com/resources/agent-skills/mike-coulbourn-claude-vibes--brand-color-psychology--gracfz
---

# Brand Color Psychology & Strategic Palette Development

Quick reference for developing strategic brand color palettes grounded in psychology, differentiation, and practical application.

> "62-90% of snap judgments about products are based on color alone." — Satyendra Singh, Management Decision (2006)

> "Consistent color use can increase brand recognition by up to 80%." — Reboot Online Study

> "Color appropriateness to the brand context may be the single most important factor." — Help Scout Research

---

## Key Statistics

| Metric | Value | Implication |
|--------|-------|-------------|
| **First impressions based on color** | 90% | Color creates instant perception |
| **Brand recognition from consistent color** | 80% | Consistency compounds over time |
| **Snap judgments color-based** | 62-90% | Color is not decoration—it's first impression |
| **Time to form judgment** | 90 seconds | The 90-Second Rule—color dominates |

---

## Core Frameworks

### 1. Color-in-Context Theory (Elliot & Maier)

**The foundational principle:** Color effects are neither universal nor arbitrary—they are context-dependent.

**Key Principles:**
1. Color meaning varies based on psychological context
2. Some responses are biological; others are learned through repeated pairings
3. Hue, lightness, and chroma all matter—not just hue
4. Same color triggers different responses in different contexts

**Example:** Red on a sale banner = urgency. Red on a health app = danger/warning. Red on Valentine's = love/passion. Context determines meaning.

**When to Use:** When making strategic decisions about color meaning for your specific brand context, audience, and industry.

---

### 2. The Appropriateness Principle

**The key insight:** Color effectiveness depends on perceived fit with the brand, product, and context.

An "appropriate" color outperforms a theoretically "better" color that feels wrong.

- Blue works for finance because people expect trust signals there
- Blue may not work for a children's candy brand
- Fit > Theory

**Implication:** Ask "Does this color fit THIS brand in THIS context?" not "Is this a good color?"

---

### 3. The 60-30-10 Rule

A color distribution framework that creates visual balance and hierarchy:

| Proportion | Role | Usage |
|------------|------|-------|
| **60%** | Dominant/Base | Neutrals; backgrounds, large areas |
| **30%** | Secondary | Primary brand color; headers, navigation |
| **10%** | Accent | High-contrast CTAs, highlights |

**Why it works:** Creates visual hierarchy without overwhelming. Ensures the accent color draws attention precisely where needed.

**When to Use:** For all brand applications—websites, packaging, marketing materials, app interfaces.

---

### 4. Brand Archetype Color Framework

Each brand archetype has associated color palettes that reinforce personality:

| Archetype | Color Associations | Psychology |
|-----------|-------------------|------------|
| **Hero** | Bold reds, blues, gold, black | Power, strength, achievement |
| **Sage** | Blues, muted tones, gray, white | Wisdom, knowledge, trust |
| **Outlaw** | Black, red, electric colors | Rebellion, disruption, danger |
| **Innocent** | Pastels, white, baby blue, pale yellow | Optimism, purity, simplicity |
| **Explorer** | Earthy greens, browns, oranges, blues | Adventure, freedom, discovery |
| **Caregiver** | Soft blues, greens, warm earth tones | Nurturing, trust, compassion |
| **Creator** | Bold, unconventional combinations | Innovation, self-expression |
| **Ruler** | Deep purples, gold, black, navy | Authority, luxury, control |
| **Magician** | Purples, deep blues, mystical tones | Transformation, vision, imagination |
| **Lover** | Reds, pinks, warm tones, sensuous colors | Passion, intimacy, indulgence |
| **Jester** | Bright, playful, multi-color combinations | Fun, humor, spontaneity |
| **Everyman** | Earthy, accessible colors, blues, greens | Relatability, belonging, trust |

**When to Use:** After defining brand personality and archetype positioning.

---

### 5. Color Harmony Systems

Based on traditional color theory (Isaac Newton's *Opticks*):

| Scheme | Description | Best For |
|--------|-------------|----------|
| **Monochromatic** | Single hue with tints, shades, tones | Sophisticated, cohesive feel (Spotify's greens) |
| **Complementary** | Opposites on wheel (blue/orange, red/green) | Maximum contrast, visual pop (use sparingly) |
| **Analogous** | Three adjacent colors (blue-green-teal) | Harmonious, soothing palettes |
| **Triadic** | Three colors equally spaced (120° apart) | Vibrant and balanced; one primary, others as accents |
| **Split-Complementary** | Base + two neighbors of complement | Good contrast with less tension |

**When to Use:** When constructing secondary and accent color selections after choosing primary.

---

## Blue Ocean Color Strategy

Borrowed from Kim and Mauborgne's Blue Ocean Strategy: Find uncontested visual territory.

### The Process

1. **Audit the category**: What colors do all major competitors use?
2. **Identify gaps**: What colors are absent or underutilized?
3. **Assess fit**: Does an alternative color still fit brand personality and audience expectations?
4. **Test the territory**: Can you own this color space credibly?

### Success Examples

| Brand | Strategy | Result |
|-------|----------|--------|
| **Lufthansa** | Yellow in an airline industry of blues/reds | Globally recognized differentiation |
| **T-Mobile** | Magenta in telecom | Instant recognition vs. blue/red competitors |
| **Apple** | White/silver in black/gray industry | Communicated purity and design-forward thinking |
| **ING** | Orange in conservative blue banking | Signaled innovation and approachability |
| **Tiffany & Co.** | PMS 1837 (trademarked) | Color alone triggers recognition without logo |

**Key Insight:** While conforming to industry color norms feels safe, strategic differentiation often creates more value.

---

## Color Specification Systems

Document every brand color in all four systems:

| System | Description | Use For | Format Example |
|--------|-------------|---------|----------------|
| **HEX** | Six-digit code for RGB | Web development, CSS | #FF0000 |
| **RGB** | Red, Green, Blue values | Digital screens, apps | rgb(255, 0, 0) |
| **CMYK** | Cyan, Magenta, Yellow, Black | Print materials | C:0 M:100 Y:100 K:0 |
| **Pantone** | Standardized spot colors | Brand consistency, premium printing | PMS 485 C |

**Important Notes:**
- RGB has largest gamut; some colors cannot be reproduced in print
- CMYK gamut is smaller—some digital colors look duller in print
- ~30% of Pantone colors cannot be replicated in CMYK
- Some Pantone colors are trademarked (Tiffany Blue PMS 1837, UPS Brown, Barbie Pink)

---

## Industry-Specific Conventions

### Technology and Finance
- **Dominant:** Blue (trust, stability, competence)
- **Notable Users:** IBM, Facebook, Chase, LinkedIn
- **Differentiation Opportunity:** Purple (Twitch), Green (Robinhood), Magenta (T-Mobile)

### Healthcare and Wellness
- **Dominant:** Blue (trust), Green (healing, calm)
- **Application:** Cool colors reduce patient anxiety

### Food and Beverage
- **Dominant:** Red, Yellow, Orange
- **Scientific Basis:** Warm colors stimulate appetite and quick decision-making

### Luxury and Premium
- **Dominant:** Black, Gold, Deep Navy, White
- **Application:** Restrained palettes with metallic accents; less is more

### Eco/Sustainability
- **Dominant:** Green, Earth tones (brown, tan)
- **Notable Users:** Whole Foods, Patagonia

---

## Cultural Color Considerations

Color meanings vary dramatically across cultures:

| Color | Western | Eastern/Asian | Middle Eastern |
|-------|---------|---------------|----------------|
| **White** | Purity, weddings | Mourning, death | Purity, peace |
| **Red** | Danger, urgency, love | Luck, prosperity | Danger, caution |
| **Green** | Nature, growth | Youth, fertility | Islam, paradise |
| **Yellow** | Happiness, warning | Courage, royalty (Japan) | Happiness |
| **Black** | Sophistication, mourning | Power, health (China) | Mystery, evil |
| **Blue** | Trust, calm | Immortality (China) | Protection |

**Implication:** Always research color meanings in every target market. Be prepared to adapt.

---

## Accessibility Requirements

### WCAG Contrast Ratios

| Standard | Ratio | Use Case |
|----------|-------|----------|
| **AA (minimum)** | 4.5:1 | Normal text |
| **AA (minimum)** | 3:1 | Large text (18pt+) |
| **AAA (enhanced)** | 7:1 | Normal text |
| **AAA (enhanced)** | 4.5:1 | Large text |

### Colorblindness Considerations

- ~5% of population has some form of colorblindness
- Test with Protanopia (red-blind), Deuteranopia (green-blind), Tritanopia (blue-blind)
- **Color should never be the only indicator**—always pair with icons, text, or patterns

### Testing Tools

- [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/)
- [Adobe Color](https://color.adobe.com) — has accessibility tools
- [Coolors](https://coolors.co) — has contrast checker

---

## Common Mistakes

| Mistake | Why It Fails | Instead |
|---------|--------------|---------|
| **Using 6+ colors** | Dilutes recognition, impossible to maintain | Limit to 3-5 with clear hierarchy |
| **Copying competitors** | Blend in instead of standing out | Audit competitors, find strategic gaps |
| **Ignoring accessibility** | Excludes ~5% of users (colorblindness) | Test contrast, never rely on color alone |
| **Chasing trends** | Trends age quickly; rebrand in 2-3 years | Choose timeless colors aligned with values |
| **Prioritizing personal preference** | Founder preferences ≠ audience psychology | Research audience, let data inform decisions |
| **Cultural color blindness** | Western meanings ≠ global meanings | Research target markets, adapt as needed |
| **Inconsistent application** | Erodes recognition, looks unprofessional | Document HEX, RGB, CMYK, Pantone specs |

---

## Key Mental Models

### Recognition Compounds Over Time
Coca-Cola's red wasn't special initially—decades of consistent use made it iconic. Consistency builds recognition.

### Saturation and Brightness Matter
- Bright, saturated = energetic, youthful
- Muted, desaturated = sophisticated, mature
- Hue is only part of the equation

### Simplicity Scales
Complex palettes work in controlled environments but break in real-world application. The simpler your palette, the more consistently it will be applied.

### The 90-Second Rule
People form product judgments within 90 seconds, and 62-90% of that assessment is color-based. Color is not decoration—it's first impression.

---

## Templates

See [reference/templates.md](reference/templates.md) for:
- Color Palette Documentation Template (complete output structure)
- Competitor Color Audit Template
- Accessibility Testing Checklist
- Color Psychology Rationale Template

---

## When to Apply This Knowledge

### During Strategy Phase
- Apply Archetype Color Framework based on brand personality
- Consider Appropriateness Principle for industry fit
- Apply Color-in-Context Theory for specific applications

### During Competitive Analysis
- Use Blue Ocean Color Strategy process
- Identify dominant colors and white space
- Find differentiation opportunities

### During Palette Development
- Apply Color Harmony Systems for secondary colors
- Use 60-30-10 Rule for distribution
- Specify in all four systems (HEX, RGB, CMYK, Pantone)

### During Validation
- Test WCAG contrast ratios
- Simulate colorblindness
- Check cultural implications for target markets
- Verify against Common Mistakes checklist

---

## Key Principles

1. **Appropriateness over preference** — Color must "fit" the brand context
2. **Context determines meaning** — Same color, different responses
3. **Differentiation creates value** — Blue Ocean thinking for color
4. **Consistency builds recognition** — Recognition compounds over time
5. **Simplicity scales** — 3-5 colors maximum
6. **Accessibility is non-negotiable** — WCAG compliance required
7. **Culture matters** — Research target markets
8. **Specify completely** — All four color systems