Claude-skill-registry brand-color-psychology

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
source · Clone the upstream repo
git clone https://github.com/majiayu000/claude-skill-registry
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/brand-color-psychology" ~/.claude/skills/majiayu000-claude-skill-registry-brand-color-psychology && rm -rf "$T"
manifest: skills/data/brand-color-psychology/SKILL.md
source content

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

MetricValueImplication
First impressions based on color90%Color creates instant perception
Brand recognition from consistent color80%Consistency compounds over time
Snap judgments color-based62-90%Color is not decoration—it's first impression
Time to form judgment90 secondsThe 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:

ProportionRoleUsage
60%Dominant/BaseNeutrals; backgrounds, large areas
30%SecondaryPrimary brand color; headers, navigation
10%AccentHigh-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:

ArchetypeColor AssociationsPsychology
HeroBold reds, blues, gold, blackPower, strength, achievement
SageBlues, muted tones, gray, whiteWisdom, knowledge, trust
OutlawBlack, red, electric colorsRebellion, disruption, danger
InnocentPastels, white, baby blue, pale yellowOptimism, purity, simplicity
ExplorerEarthy greens, browns, oranges, bluesAdventure, freedom, discovery
CaregiverSoft blues, greens, warm earth tonesNurturing, trust, compassion
CreatorBold, unconventional combinationsInnovation, self-expression
RulerDeep purples, gold, black, navyAuthority, luxury, control
MagicianPurples, deep blues, mystical tonesTransformation, vision, imagination
LoverReds, pinks, warm tones, sensuous colorsPassion, intimacy, indulgence
JesterBright, playful, multi-color combinationsFun, humor, spontaneity
EverymanEarthy, accessible colors, blues, greensRelatability, 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):

SchemeDescriptionBest For
MonochromaticSingle hue with tints, shades, tonesSophisticated, cohesive feel (Spotify's greens)
ComplementaryOpposites on wheel (blue/orange, red/green)Maximum contrast, visual pop (use sparingly)
AnalogousThree adjacent colors (blue-green-teal)Harmonious, soothing palettes
TriadicThree colors equally spaced (120° apart)Vibrant and balanced; one primary, others as accents
Split-ComplementaryBase + two neighbors of complementGood 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

BrandStrategyResult
LufthansaYellow in an airline industry of blues/redsGlobally recognized differentiation
T-MobileMagenta in telecomInstant recognition vs. blue/red competitors
AppleWhite/silver in black/gray industryCommunicated purity and design-forward thinking
INGOrange in conservative blue bankingSignaled 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:

SystemDescriptionUse ForFormat Example
HEXSix-digit code for RGBWeb development, CSS#FF0000
RGBRed, Green, Blue valuesDigital screens, appsrgb(255, 0, 0)
CMYKCyan, Magenta, Yellow, BlackPrint materialsC:0 M:100 Y:100 K:0
PantoneStandardized spot colorsBrand consistency, premium printingPMS 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:

ColorWesternEastern/AsianMiddle Eastern
WhitePurity, weddingsMourning, deathPurity, peace
RedDanger, urgency, loveLuck, prosperityDanger, caution
GreenNature, growthYouth, fertilityIslam, paradise
YellowHappiness, warningCourage, royalty (Japan)Happiness
BlackSophistication, mourningPower, health (China)Mystery, evil
BlueTrust, calmImmortality (China)Protection

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


Accessibility Requirements

WCAG Contrast Ratios

StandardRatioUse Case
AA (minimum)4.5:1Normal text
AA (minimum)3:1Large text (18pt+)
AAA (enhanced)7:1Normal text
AAA (enhanced)4.5:1Large 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

MistakeWhy It FailsInstead
Using 6+ colorsDilutes recognition, impossible to maintainLimit to 3-5 with clear hierarchy
Copying competitorsBlend in instead of standing outAudit competitors, find strategic gaps
Ignoring accessibilityExcludes ~5% of users (colorblindness)Test contrast, never rely on color alone
Chasing trendsTrends age quickly; rebrand in 2-3 yearsChoose timeless colors aligned with values
Prioritizing personal preferenceFounder preferences ≠ audience psychologyResearch audience, let data inform decisions
Cultural color blindnessWestern meanings ≠ global meaningsResearch target markets, adapt as needed
Inconsistent applicationErodes recognition, looks unprofessionalDocument 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