major-arcana

What this skill does

# Major Arcana → Color Palettes & Moods

## Overview

The 22 Major Arcana cards of the Tarot represent archetypal life stages and cosmic forces. Each card carries distinct energetic signatures that translate into color palettes, lighting moods, and visual atmospheres for UI/UX design.

---

## The Major Arcana Palette System

### 0. THE FOOL
**Energy**: Innocence, spontaneity, new beginnings
**Color Palette**:
- Primary: Sky Blue (#38bdf8) → Boundless possibility
- Secondary: Cloud White (#f0f9ff) → Pure potential
- Accent: Sunshine Yellow (#fbbf24) → Playful optimism
- Dark: Morning Gray (#475569) → Dawn of journey

**Mood**: Bright, airy, weightless, optimistic
**Gradient**: `from-sky-400 via-white to-yellow-300`
**Shadow Style**: Soft, diffused, minimal depth
**Atmosphere**: Morning light, fresh air, open spaces

```tailwind
Background: bg-gradient-to-br from-sky-50 to-yellow-50
Card: bg-white/90 backdrop-blur-sm border border-sky-200
Button: bg-sky-400 hover:bg-sky-500 shadow-lg shadow-sky-200/50
```

---

### I. THE MAGICIAN
**Energy**: Manifestation, power, transformation
**Color Palette**:
- Primary: Deep Purple (#7c3aed) → Mystical power
- Secondary: Electric Violet (#a78bfa) → Transformative energy
- Accent: Mercury Silver (#e5e7eb) → Alchemical transformation
- Dark: Void Black (#0f172a) → The source

**Mood**: Mysterious, powerful, transformative
**Gradient**: `from-purple-900 via-violet-600 to-purple-400`
**Shadow Style**: Strong, glowing, magical auras
**Atmosphere**: Candlelit chamber, swirling energy, focused power

```tailwind
Background: bg-gradient-to-br from-slate-900 via-purple-900 to-violet-900
Card: bg-purple-950/80 backdrop-blur-xl border border-purple-500/30
Button: bg-purple-600 hover:bg-purple-500 shadow-2xl shadow-purple-500/50
```

---

### II. THE HIGH PRIESTESS
**Energy**: Intuition, mystery, inner wisdom
**Color Palette**:
- Primary: Moonlight Blue (#60a5fa) → Intuitive knowing
- Secondary: Midnight Purple (#6366f1) → Hidden depths
- Accent: Pearl White (#f1f5f9) → Lunar reflection
- Dark: Deep Navy (#1e293b) → The unconscious

**Mood**: Serene, mysterious, contemplative
**Gradient**: `from-indigo-950 via-blue-800 to-slate-700`
**Shadow Style**: Soft glows, moonlit halos
**Atmosphere**: Moonlit temple, still water, quiet knowing

```tailwind
Background: bg-gradient-to-b from-indigo-950 to-blue-900
Card: bg-slate-900/60 backdrop-blur-md border border-blue-400/20
Button: bg-blue-500/80 hover:bg-blue-400 shadow-lg shadow-blue-500/30
```

---

### III. THE EMPRESS
**Energy**: Abundance, nurturing, fertility
**Color Palette**:
- Primary: Forest Green (#059669) → Growth and life
- Secondary: Rose Pink (#f43f5e) → Love and beauty
- Accent: Golden Harvest (#f59e0b) → Abundance
- Dark: Rich Earth (#422006) → Fertile soil

**Mood**: Lush, nurturing, abundant
**Gradient**: `from-emerald-700 via-rose-400 to-amber-300`
**Shadow Style**: Soft, organic, natural depth
**Atmosphere**: Garden in bloom, golden hour, bountiful earth

```tailwind
Background: bg-gradient-to-br from-emerald-50 via-rose-50 to-amber-50
Card: bg-white border-2 border-emerald-200 shadow-xl shadow-emerald-100
Button: bg-emerald-600 hover:bg-emerald-500 shadow-lg shadow-emerald-200
```

---

### IV. THE EMPEROR
**Energy**: Authority, structure, leadership
**Color Palette**:
- Primary: Imperial Red (#dc2626) → Power and authority
- Secondary: Iron Gray (#52525b) → Structural strength
- Accent: Royal Gold (#eab308) → Sovereign status
- Dark: Obsidian Black (#18181b) → Absolute control

**Mood**: Strong, commanding, structured
**Gradient**: `from-red-900 via-zinc-800 to-red-800`
**Shadow Style**: Hard, defined, architectural
**Atmosphere**: Throne room, stone fortress, commanding presence

```tailwind
Background: bg-gradient-to-br from-zinc-900 to-red-950
Card: bg-zinc-900 border border-red-700 shadow-2xl
Button: bg-red-700 hover:bg-red-600 shadow-xl shadow-red-900/50
```

---

### V. THE HIEROPHANT
**Energy**: Tradition, teaching, spiritual wisdom
**Color Palette**:
- Primary: Sacred Blue (#2563eb) → Divine wisdom
- Secondary: Ceremonial Gold (#d97706) → Sacred tradition
- Accent: Ivory White (#fafaf9) → Purity of teaching
- Dark: Temple Stone (#57534e) → Ancient foundations

**Mood**: Sacred, traditional, wise
**Gradient**: `from-blue-900 via-amber-700 to-stone-600`
**Shadow Style**: Stained glass effects, reverent lighting
**Atmosphere**: Cathedral light, sacred space, timeless wisdom

```tailwind
Background: bg-gradient-to-b from-blue-950 via-amber-900 to-stone-900
Card: bg-blue-950/80 border-2 border-amber-500/30 backdrop-blur
Button: bg-blue-700 hover:bg-blue-600 shadow-lg shadow-amber-500/20
```

---

### VI. THE LOVERS
**Energy**: Union, harmony, choice
**Color Palette**:
- Primary: Passionate Pink (#ec4899) → Romantic love
- Secondary: Heart Red (#ef4444) → Deep passion
- Accent: Soft Peach (#fed7aa) → Tender connection
- Dark: Twilight Purple (#7c2d12) → Intimate depth

**Mood**: Romantic, harmonious, intimate
**Gradient**: `from-pink-400 via-red-300 to-orange-200`
**Shadow Style**: Soft, romantic, glowing
**Atmosphere**: Sunset embrace, tender moments, perfect union

```tailwind
Background: bg-gradient-to-br from-pink-100 via-red-50 to-orange-100
Card: bg-white/80 border border-pink-200 shadow-xl shadow-pink-100
Button: bg-pink-500 hover:bg-pink-400 shadow-lg shadow-pink-200
```

---

### VII. THE CHARIOT
**Energy**: Willpower, determination, victory
**Color Palette**:
- Primary: Victory Gold (#facc15) → Triumphant achievement
- Secondary: Warrior Bronze (#92400e) → Battle-tested strength
- Accent: Champion White (#fefce8) → Glorious victory
- Dark: Charcoal Black (#27272a) → Focused determination

**Mood**: Dynamic, victorious, powerful
**Gradient**: `from-yellow-500 via-amber-600 to-yellow-400`
**Shadow Style**: Strong, directional, movement-suggesting
**Atmosphere**: Victory parade, forward momentum, unstoppable force

```tailwind
Background: bg-gradient-to-r from-yellow-50 via-amber-100 to-yellow-50
Card: bg-amber-50 border-l-4 border-yellow-500 shadow-xl
Button: bg-yellow-500 hover:bg-yellow-400 shadow-lg shadow-yellow-200
```

---

### VIII. STRENGTH
**Energy**: Courage, compassion, inner power
**Color Palette**:
- Primary: Gentle Gold (#fbbf24) → Compassionate strength
- Secondary: Lionheart Orange (#f97316) → Courageous spirit
- Accent: Soft Cream (#fffbeb) → Gentle power
- Dark: Warm Earth (#78350f) → Grounded strength

**Mood**: Warm, powerful, gentle
**Gradient**: `from-amber-300 via-orange-400 to-amber-200`
**Shadow Style**: Warm, embracing, empowering
**Atmosphere**: Golden lion, warm embrace, quiet confidence

```tailwind
Background: bg-gradient-to-br from-amber-50 to-orange-100
Card: bg-white border-2 border-amber-300 shadow-lg shadow-amber-200
Button: bg-orange-500 hover:bg-orange-400 shadow-md shadow-orange-200
```

---

### IX. THE HERMIT
**Energy**: Solitude, introspection, inner guidance
**Color Palette**:
- Primary: Deep Indigo (#4338ca) → Inner depths
- Secondary: Twilight Purple (#6d28d9) → Contemplative wisdom
- Accent: Lantern Gray (#d1d5db) → Guiding light
- Dark: Cave Black (#111827) → Solitary depths

**Mood**: Contemplative, quiet, introspective
**Gradient**: `from-indigo-950 via-purple-900 to-gray-900`
**Shadow Style**: Deep, focused, single light source
**Atmosphere**: Mountain peak, lone lantern, inner sanctuary

```tailwind
Background: bg-gradient-to-b from-indigo-950 to-gray-950
Card: bg-indigo-950/80 backdrop-blur border border-purple-700/30
Button: bg-purple-700 hover:bg-purple-600 shadow-lg shadow-purple-900/50
```

---

### X. WHEEL OF FORTUNE
**Energy**: Change, cycles, destiny
**Color Palette**:
- Primary: Cosmic Purple (#8b5cf6) → Karmic cycles
- Secondary: Fortune Gold (#eab308) → Lucky breaks
- Accent: Destiny Blue (#3b82f6) → Fated moments
- Dark: Midnight Blue (#1e3a8a) → The wheel turns

**Mood**: Dynamic, cyclical, cosmic
**Gradient**: `from-purple-600 via-yellow-500 to-blue-600`
**Shadow Style**: Rotating, c