AGENT SKILLBY MIKE-COULBOURN
Brand color psychology
AT A GLANCE
Brand color psychology is a brand agent skill from mike-coulbourn. Quick reference for developing strategic brand color palettes grounded in psychology, differentiation, and practical application. The mike-coulbourn/claude-vibes repository on GitHub has 28 stars and the MIT license. To add it, run npx skills add mike-coulbourn/claude-vibes --skill brand-color-psychology
- SOURCE REPOSITORY
- mike-coulbourn/claude-vibes (opens GitHub in a new tab)
- REPO STARS
- SOURCE REPOSITORY
- LICENSE
- MIT
- CATEGORIES
- SKILL.MD SIZE
- 11.9 KB299 LINES
QUICK ANSWER
- WHAT IT IS01
- Quick reference for developing strategic brand color palettes grounded in psychology, differentiation, and practical application. Its edge is a particular angle on brand and messaging, giving the agent tighter constraints than a plain brand color psychology request.
- INPUTS02
- Context for brand and messaging: your goals, audience, constraints, and any source material the skill asks for.
- OUTPUT03
- A ready-to-use result for brand and messaging: the analysis, copy, or recommendations the agent produces.
INSTALL
One command adds this skill from its source repository.
npx skills add mike-coulbourn/claude-vibes --skill brand-color-psychologyREAD THE SKILL.MD BELOW BEFORE YOU RUN IT. SKILLS INSTRUCT YOUR AGENT.
SKILL.MD
The full file, as published in the source repository. Copy it, download it or open it on GitHub.
ON THIS PAGE · 35
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:
- Color meaning varies based on psychological context
- Some responses are biological; others are learned through repeated pairings
- Hue, lightness, and chroma all matter—not just hue
- 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#
- Audit the category: What colors do all major competitors use?
- Identify gaps: What colors are absent or underutilized?
- Assess fit: Does an alternative color still fit brand personality and audience expectations?
- 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 (opens in a new tab)
- Adobe Color (opens in a new tab) — has accessibility tools
- Coolors (opens in a new tab) — 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 (opens in a new tab) 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#
- Appropriateness over preference — Color must "fit" the brand context
- Context determines meaning — Same color, different responses
- Differentiation creates value — Blue Ocean thinking for color
- Consistency builds recognition — Recognition compounds over time
- Simplicity scales — 3-5 colors maximum
- Accessibility is non-negotiable — WCAG compliance required
- Culture matters — Research target markets
- Specify completely — All four color systems
FAQ
07 QUESTIONS
01What is the Brand color psychology agent skill?
Quick reference for developing strategic brand color palettes grounded in psychology, differentiation, and practical application. It is listed under brand in the 100xLab agent skills directory.
02How do I install Brand color psychology in Cursor, Claude Code, or Codex?
Run npx skills add mike-coulbourn/claude-vibes --skill brand-color-psychology in the project where you want it, then ask your agent for the skill by name. The --skill flag installs only Brand color psychology, not every skill in the repository.
03What does the Brand color psychology SKILL.md cover?
The SKILL.md includes sections on Key Statistics, Core Frameworks, Color-in-Context Theory (Elliot & Maier), The Appropriateness Principle, The 60-30-10 Rule and Brand Archetype Color Framework. Read the full text on this page or in plain markdown at /resources/agent-skills/mike-coulbourn-claude-vibes--brand-color-psychology--gracfz/raw.
04Which agents can use Brand color psychology?
Brand color psychology installs with the cross-agent skills installer (npx skills add), which sets it up for agents such as Claude Code, Cursor and Codex. Each agent loads the SKILL.md when you ask for the skill by name.
05What license is Brand color psychology under?
The mike-coulbourn/claude-vibes repository declares the MIT license. Read the license file in the repository before you copy or redistribute the skill.
06Is Brand color psychology free to use?
Reading, copying and installing Brand color psychology costs nothing: it is published in a public GitHub repository under the MIT license. Reuse and redistribution follow that license.
07Where is the source of Brand color psychology?
Brand color psychology comes from https://github.com/mike-coulbourn/claude-vibes, which has 28 GitHub stars. The SKILL.md is at https://github.com/mike-coulbourn/claude-vibes/blob/HEAD/plugins/vibes/skills/brand-color-psychology/SKILL.md. The author is mike-coulbourn.
Need an agent workflow built around your stack?
Tell us the workflow you want automated. We reply within 4 working hours (IST).
ATTRIBUTION
Brand color psychology was written by its original authors and is published in mike-coulbourn/claude-vibes (opens GitHub in a new tab) under the MIT license. All rights stay with the original authors.
100xLab did not write, maintain or endorse this skill. This page lists it for discovery. Repo stars belong to the source repository, not to the skill. Review any skill before you install it.