# Color Palette Reference

Emotion-driven color systems for OurDigital visual storytelling.

## Core Palettes

### Contemplative Analysis
```
Primary:   #2C3E50  Deep Blue-Gray
Secondary: #95A5A6  Cool Gray  
Accent:    #E74C3C  Sharp Red
Background:#F8F9FA  Soft White
Usage: Critical thinking, analytical pieces
```

### Hopeful Exploration
```
Primary:   #F39C12  Warm Amber
Secondary: #E8E2D5  Soft Beige
Accent:    #3498DB  Sky Blue  
Background:#FFF9F0  Warm White
Usage: Future-oriented, optimistic content
```

### Philosophical Depth
```
Primary:   #1A1A1A  Near Black
Secondary: #F5F5F5  Off White
Accent:    #8B7355  Muted Gold
Background:#FAFAFA  Pure White
Usage: Deep thinking, timeless topics
```

### Social Commentary
```
Primary:   #34495E  Slate
Secondary: #ECF0F1  Cloud
Accent:    #9B59B6  Purple
Background:#F7F8F9  Cool White
Usage: Cultural observation, social critique
```

### Digital Anxiety
```
Primary:   #2F3640  Charcoal
Secondary: #718093  Grey Blue
Accent:    #44BD32  Digital Green
Background:#F5F6FA  Ghost White
Usage: Technology concerns, digital culture
```

## Gradient Formulas

### Dawn (Hope/Beginning)
```css
linear-gradient(135deg, #667eea 0%, #764ba2 100%)
```

### Dusk (Reflection/End)
```css
linear-gradient(135deg, #f093fb 0%, #f5576c 100%)
```

### Digital Flow (Technology)
```css
linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)
```

### Organic (Nature/Human)
```css
linear-gradient(135deg, #fa709a 0%, #fee140 100%)
```

## Cultural Color Notes

### Korean Traditional (오방색)
- **청 (Blue-Green)**: #0C7B93 - Future, technology
- **적 (Red)**: #C0392B - Warning, passion
- **황 (Yellow)**: #F1C40F - Center, balance
- **백 (White)**: #FFFFFF - Beginning, void
- **흑 (Black)**: #000000 - Depth, unknown

### Modern Minimal
- **Primary**: Single strong color
- **Support**: 90% grayscale
- **Accent**: 10% vibrant touch

## Emotional Temperature Map

| Cool → Warm Scale | Hex Code | Emotional State |
|------------------|----------|-----------------|
| Ice | #E3F2FD | Detached analysis |
| Cold | #90CAF9 | Objective observation |
| Cool | #64B5F6 | Calm reflection |
| Neutral | #42A5F5 | Balanced view |
| Warm | #FFA726 | Human connection |
| Hot | #FF7043 | Passionate engagement |
| Fire | #F4511E | Urgent concern |

## Accessibility Combinations

### High Contrast (WCAG AAA)
- Black (#000000) on White (#FFFFFF)
- White (#FFFFFF) on Black (#000000)
- Dark Blue (#003366) on Light Yellow (#FFFFCC)

### Medium Contrast (WCAG AA)
- Charcoal (#333333) on Light Gray (#F5F5F5)
- Navy (#2C3E50) on Cream (#FFF8DC)

## Application Rules

1. **60-30-10 Rule**
   - 60% dominant color (usually neutral)
   - 30% secondary color (supporting)
   - 10% accent color (attention)

2. **Mood Matching**
   - Technical → Cool spectrum
   - Emotional → Warm spectrum
   - Philosophical → Monochrome
   - Social → Mixed temperature

3. **Cultural Balance**
   - Western: High contrast, bold
   - Korean: Subtle gradation, harmony
   - Fusion: Selective contrast points

## Quick Selection Matrix

| Essay Type | Primary | Accent | Mood |
|------------|---------|---------|------|
| AI Ethics | Cool Gray | Red | Caution |
| Digital Culture | Blue-Gray | Green | Technical |
| Social Media | Desaturated | Purple | Critical |
| Philosophy | Monochrome | Gold | Timeless |
| Future Tech | Blue | Orange | Optimistic |
| Cultural | Earth | Red | Grounded |

## Seasonal Adjustments

- **Spring**: Fresh greens, light blues
- **Summer**: Vibrant, high saturation
- **Autumn**: Warm earth tones
- **Winter**: Cool, desaturated

Use colors intentionally—each hue carries meaning.