Claude Code Plugins

Community-maintained marketplace

Feedback

brand-color-psychology

@mike-coulbourn/claude-vibes
3
0

Provides brand color psychology and strategic palette development frameworks including Color-in-Context Theory, 60-30-10 Rule, color harmony systems, archetype color associations, Blue Ocean color differentiation, cultural considerations, and accessibility requirements. Auto-activates during brand color selection, palette development, color psychology discussions, and color strategy work. Use when discussing brand colors, color palettes, color psychology, color differentiation, color accessibility, color harmony, WCAG compliance, or color specifications.

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name brand-color-psychology
description Provides brand color psychology and strategic palette development frameworks including Color-in-Context Theory, 60-30-10 Rule, color harmony systems, archetype color associations, Blue Ocean color differentiation, cultural considerations, and accessibility requirements. Auto-activates during brand color selection, palette development, color psychology discussions, and color strategy work. Use when discussing brand colors, color palettes, color psychology, color differentiation, color accessibility, color harmony, WCAG compliance, or color specifications.

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


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 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