1# Mood Dimension
2 
3Color temperature and palette style.
4 
5## Options
6 
7| Option | Color Temperature | Palette Style | Best For |
8|--------|-------------------|---------------|----------|
9| `professional` | Cool-neutral | Navy, gold, structured grays | Business, investor, corporate |
10| `warm` | Warm | Earth tones, oranges, natural colors | Education, friendly, approachable |
11| `macaron` | Warm | Pastel blocks (blue, mint, lavender, peach) on cream | Educational diagrams, knowledge sharing |
12| `cool` | Cool | Blues, grays, cyan, teal | Technical, data, analytical |
13| `vibrant` | Varied | High saturation, bold colors | Marketing, creative, attention-grabbing |
14| `dark` | Dark | Deep backgrounds with bright accents | Entertainment, gaming, atmospheric |
15| `neutral` | Neutral | Minimal color, grayscale focus | Executive, minimal, sophisticated |
16 
17## Palette Specifications
18 
19### professional
20 
21```
22Background: #FFFFFF (Pure White)
23Primary Text: #1E3A5F (Navy)
24Secondary Text: #4A5568 (Dark Gray)
25Accent 1: #C9A227 (Gold)
26Accent 2: #3D5A80 (Light Navy)
27```
28 
29### warm
30 
31```
32Background: #FAF8F0 (Warm Off-White)
33Primary Text: #2C3E50 (Deep Charcoal)
34Secondary Text: #4A4A4A (Deep Brown)
35Accent 1: #F4A261 (Soft Orange)
36Accent 2: #E9C46A (Mustard Yellow)
37Accent 3: #87A96B (Sage Green)
38```
39 
40### macaron
41 
42```
43Background: #F5F0E8 (Warm Cream)
44Primary Text: #2D2D2D (Deep Charcoal)
45Muted Text: #6B6B6B (Warm Gray)
46Macaron Blue: #A8D8EA (Sky Blue)
47Macaron Mint: #B5E5CF (Mint Green)
48Macaron Lavender: #D5C6E0 (Lavender)
49Macaron Peach: #FFD5C2 (Peach)
50Accent: #E8655A (Coral Red)
51```
52 
53### cool
54 
55```
56Background: #FAF8F5 (Blueprint Off-White)
57Primary Text: #334155 (Deep Slate)
58Secondary Text: #64748B (Slate Gray)
59Accent 1: #2563EB (Engineering Blue)
60Accent 2: #1E3A5F (Navy Blue)
61Accent 3: #BFDBFE (Light Blue)
62```
63 
64### vibrant
65 
66```
67Background: #FFFFFF or #1A1A2E (Light or Dark)
68Primary Text: #1A1A2E or #FFFFFF
69Accent 1: #E94560 (Coral Red)
70Accent 2: #0F3460 (Deep Blue)
71Accent 3: #16C79A (Teal Green)
72Accent 4: #F9B208 (Golden Yellow)
73```
74 
75### dark
76 
77```
78Background: #0D1117 (Deep Black)
79Primary Text: #E6EDF3 (Soft White)
80Secondary Text: #8B949E (Muted Gray)
81Accent 1: #58A6FF (Bright Blue)
82Accent 2: #7EE787 (Bright Green)
83Accent 3: #FF7B72 (Coral)
84```
85 
86### neutral
87 
88```
89Background: #FFFFFF (Pure White)
90Primary Text: #18181B (Near Black)
91Secondary Text: #71717A (Medium Gray)
92Accent 1: #18181B (Black)
93Accent 2: #A1A1AA (Light Gray)
94```
95 
96## Rendering Guidelines
97 
98### professional
99 
100- Restrained use of accent colors
101- Gold for emphasis only
102- Clean, institutional feel
103- Balanced contrast
104 
105### warm
106 
107- Generous use of warm tones
108- Natural, approachable colors
109- Soft transitions between colors
110- Welcoming atmosphere
111 
112### macaron
113 
114- Soft pastel color blocks as distinct information zones
115- Each zone uses one macaron color (blue, mint, lavender, peach)
116- Coral Red accent used sparingly for emphasis
117- Warm cream background maintains friendly, approachable feel
118 
119### cool
120 
121- Blue-dominant palette
122- Technical precision in color use
123- High contrast for clarity
124- Analytical, trustworthy feel
125 
126### vibrant
127 
128- Bold color combinations
129- High saturation throughout
130- Dynamic color contrasts
131- Energetic visual presence
132 
133### dark
134 
135- Deep backgrounds dominate
136- Accent colors pop against dark
137- Glowing/luminous effects
138- Cinematic atmosphere
139 
140### neutral
141 
142- Minimal color usage
143- Typography carries weight
144- Grayscale hierarchy
145- Maximum sophistication
146 
147## Combination Notes
148 
149| Mood | Works Best With | Avoid With |
150|------|-----------------|------------|
151| professional | clean texture, geometric typography | organic texture, handwritten |
152| warm | organic texture, humanist typography | pixel texture, minimal density |
153| macaron | organic texture, handwritten typography | pixel texture, dark mood |
154| cool | grid texture, technical typography | paper texture, handwritten |
155| vibrant | pixel/organic texture, editorial typography | neutral mood overlaps |
156| dark | clean/pixel texture, technical typography | paper texture |
157| neutral | clean texture, geometric typography | organic texture, vibrant elements |
158