Complementary · 5 colors · April 30, 2026
Brook & 3AM
Brook & 3AM weaves the electric tension between two opposites that magnify each other. a balance between void and form — a dramatic tension that commands attention. It speaks of growth, vitality and of calming.
✦Palette Usage Guide
Interface Design
Combine #310707 for text on #eba76f background.
Emotional Impact
Brook & 3AM weaves the electric tension between two opposites that magnify each other. a balance between void and form — a dramatic tension that commands attention. It speaks of growth, vitality and of calming.
8.8:1
AAA
3.4:1
AA Large
2.6:1
Fail
Convert palette to thread / yarn
Closest matches across major brands
Approximate sRGB matches — request a physical color card from each brand before purchasing.
Developer Assets
Developer handoff assets with copyable code blocks for design systems.
:root {
--color-couleur-1: #eba76f;
--color-couleur-2: #63b2d4;
--color-couleur-3: #a62f17;
--color-couleur-4: #0b2c51;
--color-couleur-5: #310707;
}'brook-3am': {
500: '#eba76f',
400: '#63b2d4',
300: '#a62f17',
200: '#0b2c51',
100: '#310707',
}{
"name": "Brook & 3AM",
"harmony": "Complementary",
"colors": [
{
"name": "Couleur 1",
"hex": "#eba76f"
},
{
"name": "Couleur 2",
"hex": "#63b2d4"
},
{
"name": "Couleur 3",
"hex": "#a62f17"
},
{
"name": "Couleur 4",
"hex": "#0b2c51"
},
{
"name": "Couleur 5",
"hex": "#310707"
}
]
}Design Tokens Export
W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.
Contrast Ratios
Each color vs. white background
Identity Visuals
Brook & 3AM
The intersection of form and function reveals the palette in all its depth. Every hue is intentional, every space is a breath.
Surface Card
System element
Color Psychology
Warmth & Benevolence
Couleur 1 radiates the light, rich warmth of fired clay — a shade that is both reassuring and memorable. In its lighter tones, it sheds the heaviness of saturated orange to gain accessibility and human closeness.
Innovation & Precision
Couleur 2 is a light, balanced cyan positioned midway between blue's analytical rigor and green's vitality. This intermediate position gives it an image of technical modernity and operational precision — prized in tech, health, and fintech.
Authority & Mastery
Couleur 3 is a dark, rich red that commands a direct, assertive presence. Its depth lends the gravity of brands that have nothing to justify — quiet power, total assurance.
Trust & Authority
Couleur 4 commands the deep, rich register of blue — the universal color of trust, here expressed with its own personality. Its depth makes it the color of institutions, decision-makers, and leaders who have nothing to prove. Serious, stable, timeless.
Authority & Mastery
Couleur 5 is a deep, rich red that commands a raw and memorable intensity. Its depth lends the gravity of brands that have nothing to justify — quiet power, total assurance.
Moodboard
No images found
Brand PDF
Premium Brand Guidelines document with palette, color psychology and moodboard.
PDF Brand Identity Export
7 premium pages: Cover · Palette · Detail · Typography · Usage Guide