Complementary · 6 colors · May 24, 2026
Coffee & Rapunzel
Coffee & Rapunzel weaves the harmony of colors that speak without contradiction. a warm register that draws and holds — an uncompromising visual dramaturgy. It speaks of clarity, intellect and of stimulating.
✦Palette Usage Guide
Interface Design
Combine #2f1b12 for text on #f4d781 background.
Emotional Impact
Coffee & Rapunzel weaves the harmony of colors that speak without contradiction. a warm register that draws and holds — an uncompromising visual dramaturgy. It speaks of clarity, intellect and of stimulating.
11.6:1
AAA
3.5:1
AA Large
3.3:1
AA Large
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: #2f1b12;
--color-couleur-2: #123c54;
--color-couleur-3: #662e1b;
--color-couleur-4: #a95d33;
--color-couleur-5: #daae59;
--color-couleur-6: #f4d781;
}'coffee-rapunzel': {
600: '#2f1b12',
500: '#123c54',
400: '#662e1b',
300: '#a95d33',
200: '#daae59',
100: '#f4d781',
}{
"name": "Coffee & Rapunzel",
"harmony": "Complementary",
"colors": [
{
"name": "Couleur 1",
"hex": "#2f1b12"
},
{
"name": "Couleur 2",
"hex": "#123c54"
},
{
"name": "Couleur 3",
"hex": "#662e1b"
},
{
"name": "Couleur 4",
"hex": "#a95d33"
},
{
"name": "Couleur 5",
"hex": "#daae59"
},
{
"name": "Couleur 6",
"hex": "#f4d781"
}
]
}Design Tokens Export
W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.
Contrast Ratios
Each color vs. white background
Identity Visuals
Coffee & Rapunzel
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
Authority & Mastery
Couleur 1 is a deep, balanced red that commands a direct, assertive presence. Its depth lends the gravity of brands that have nothing to justify — quiet power, total assurance.
Innovation & Precision
Couleur 2 is a dark, rich 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, balanced red that evokes a direct, assertive presence. Its depth lends the gravity of brands that have nothing to justify — quiet power, total assurance.
Authenticity & Grounding
Couleur 4 evokes the medium, balanced warmth of fired clay — a shade that is both reassuring and memorable. It evokes craftsmanship, raw materials, and tradition. Brands that adopt it communicate authenticity effortlessly.
Enthusiasm & Boldness
Couleur 5 is a light orange with rich saturation that evokes positive, communicative energy. Its chromatic intensity holds the eye without aggression and stimulates decision-making — the tool of brands that want to stand out.
Enthusiasm & Boldness
Couleur 6 is a pale orange with vivid saturation that radiates positive, communicative energy. Its chromatic intensity holds the eye without aggression and stimulates decision-making — the tool of brands that want to stand out.
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