1---2name: color-psychology3description: A color psychology skill used by the visual-director agent. Provides color-emotion mapping, industry-specific color strategies, accessibility-based palette design, and color system construction methodologies. Used for 'color palette,' 'color strategy,' 'color psychology,' 'brand colors,' and related topics.4---56# Color Psychology — Color Psychology Methodology78Expert knowledge used by the visual-director agent when designing brand color systems.910## Why Color Defines a Brand1112Color is perceived before the logo. Research shows that **62-90% of consumers form their first impression based on color alone**. Coca-Cola's red, Tiffany's teal, Starbucks' green — color is brand.1314## Color-Emotion Response Matrix1516### Primary Colors1718| Color | Positive Associations | Negative Associations | Industry Fit | Representative Brands |19|-------|---------------------|---------------------|-------------|---------------------|20| **Red** | Passion, energy, urgency | Danger, aggression | Food, media, sales | Coca-Cola, YouTube, Netflix |21| **Blue** | Trust, stability, expertise | Coldness, conservatism | Finance, IT, healthcare | Samsung, Facebook, IBM |22| **Green** | Nature, growth, health | Immaturity, greed | Eco-friendly, health, finance | Starbucks, Spotify, Whole Foods |23| **Yellow** | Optimism, warmth, creativity | Caution, anxiety | Food, children, entertainment | McDonald's, IKEA, Snapchat |24| **Orange** | Friendliness, vitality, fun | Cheapness | Telecom, sports, food | Amazon, Nickelodeon, Fanta |25| **Purple** | Luxury, creativity, mystery | Exaggeration, unease | Beauty, luxury, tech | Twitch, Yahoo, Cadbury |26| **Black** | Luxury, authority, sophistication | Heaviness, mourning | Luxury, fashion, tech | Chanel, Apple, Nike |27| **White** | Purity, minimalism, cleanliness | Emptiness, coldness | Healthcare, tech, beauty | Apple, Muji |2829### Color Temperature and Brand Positioning3031```32Warm <----------------------------------> Cool33Red Orange Yellow | Green Blue Purple34Passion Friendly Optimism| Balance Trust Luxury35Impulsive <--------------------------------> Rational36```3738## Building a Brand Color Palette3940### The 60-30-10 Rule4142| Ratio | Role | Use |43|-------|------|-----|44| **60%** | Primary Color | Backgrounds, large areas |45| **30%** | Secondary Color | Section dividers, highlighted areas |46| **10%** | Accent Color | CTA buttons, key elements |4748### Palette Composition Types4950| Type | Color Relationship | Feel | Suited For |51|------|-------------------|------|-----------|52| **Monochromatic** | Lightness/saturation variations of one color | Refined, consistent | Minimal, luxury |53| **Analogous** | 3-4 adjacent colors on the color wheel | Harmonious, stable | Nature, wellness |54| **Complementary** | Opposite sides of the color wheel | Contrasting, energetic | Sports, entertainment |55| **Split-Complementary** | Two colors flanking the complement | Contrast + stability | Versatile |56| **Triadic** | 120-degree intervals on the color wheel | Vibrant, diverse | Children, creative |5758### Palette Design Process59601. **Extract emotional keywords from brand essence**: "Trust + Innovation" -> Blue family + orange as accent612. **Analyze competitor colors**: Avoid identical colors or differentiate intentionally623. **Determine primary color**: Select the optimal color from the emotion matrix634. **Determine palette type**: Choose composition matching brand personality645. **Verify accessibility**: Ensure WCAG AA contrast ratios or higher656. **Test across applications**: Test on logos, web, print, social media, and all touchpoints6667## Color Accessibility Standards6869| Standard | Contrast Ratio | Use |70|----------|---------------|-----|71| **WCAG AA** | 4.5:1 (body text), 3:1 (large text) | Minimum requirement |72| **WCAG AAA** | 7:1 (body text), 4.5:1 (large text) | Recommended standard |7374### Accessibility Checklist75- [ ] Text-background contrast ratio meets AA or higher76- [ ] Color blindness simulation (red-green, blue-yellow, total color blindness)77- [ ] Distinguishable in grayscale conversion78- [ ] Dark mode color variants defined7980## Color Code Specification Format8182```83## Brand Color System8485### Primary Color86- Name: [Brand-specific name]87- HEX: #XXXXXX88- RGB: R, G, B89- CMYK: C, M, Y, K90- Pantone: XXXX C91- Use: Logo, primary backgrounds, headers9293### Secondary Color94- ...9596### Accent Color97- ...9899### Neutral Colors100- White: #FFFFFF101- Light Gray: #F5F5F5102- Dark Gray: #333333103- Black: #000000104105### Prohibited Usage Rules106- No secondary color text on primary color background107- Accent color must not exceed 10% of total area108- [Specific color combination] prohibited - fails accessibility109```
revfactory