Smithery Logo
MCPsSkillsDocsPricing
Login
NewFlame, an assistant that learns and improves. Available onTelegramSlack
    mike-coulbourn

    brand-color-psychology

    mike-coulbourn/brand-color-psychology
    Design
    8
    1 installs

    About

    SKILL.md

    Install

    • Telegram
      Telegram
    • Slack
      Slack
    • Claude Code
      Claude Code
    • Codex
      Codex
    • OpenClaw
      OpenClaw
    • Cursor
      Cursor
    • Amp
      Amp
    • GitHub Copilot
      GitHub Copilot
    • Gemini CLI
      Gemini CLI
    • Kilo Code
      Kilo Code
    • Junie
      Junie
    • Replit
      Replit
    • Windsurf
      Windsurf
    • Cline
      Cline
    • Continue
      Continue
    • OpenCode
      OpenCode
    • OpenHands
      OpenHands
    • Roo Code
      Roo Code
    • Augment
      Augment
    • Goose
      Goose
    • Trae
      Trae
    • Zencoder
      Zencoder
    • Antigravity
      Antigravity
    • Download skill
    ├─
    ├─
    └─
    Smithery Logo

    Give agents more agency

    Resources

    DocumentationPrivacy PolicySystem Status

    Company

    PricingAboutBlog

    Connect

    © 2026 Smithery. All rights reserved.

    About

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

    SKILL.md

    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
    • Adobe Color — has accessibility tools
    • Coolors — 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 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
    Recommended Servers
    StudioMeyer-Crew
    StudioMeyer-Crew
    vastlint - IAB XML VAST validator and linter
    vastlint - IAB XML VAST validator and linter
    Excalidraw
    Excalidraw
    Repository
    mike-coulbourn/claude-vibes
    Files