Split-Complementary · 5 colors · April 27, 2026
Chocolat & Lemon
Built on the living dynamic of three distinct chromatic voices, Chocolat & Lemon unfolds a balance between void and form. a dramatic tension that commands attention — an invitation to growth and vitality.
✦Palette Usage Guide
Interface Design
Combine #003038 for text on #ffdc63 background.
Emotional Impact
Built on the living dynamic of three distinct chromatic voices, Chocolat & Lemon unfolds a balance between void and form. a dramatic tension that commands attention — an invitation to growth and vitality.
10.6:1
AAA
3.3:1
AA Large
3.2: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: #ffdc63;
--color-couleur-2: #71dbea;
--color-couleur-3: #b150b8;
--color-couleur-4: #542c00;
--color-couleur-5: #003038;
}'chocolat-lemon': {
500: '#ffdc63',
400: '#71dbea',
300: '#b150b8',
200: '#542c00',
100: '#003038',
}{
"name": "Chocolat & Lemon",
"harmony": "Split-Complementary",
"colors": [
{
"name": "Couleur 1",
"hex": "#ffdc63"
},
{
"name": "Couleur 2",
"hex": "#71dbea"
},
{
"name": "Couleur 3",
"hex": "#b150b8"
},
{
"name": "Couleur 4",
"hex": "#542c00"
},
{
"name": "Couleur 5",
"hex": "#003038"
}
]
}Design Tokens Export
W3C, Figma and Tokens Studio compatible. Direct integration into your design workflow.
Contrast Ratios
Each color vs. white background
Identity Visuals
Chocolat & Lemon
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
Enthusiasm & Boldness
Couleur 1 is a light 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.
Innovation & Precision
Couleur 2 is a light, 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.
Elegance & Subtlety
Couleur 3 evokes the medium, balanced register of violet — a color rare in nature that, for this very reason, instantly draws the eye. Its softened hue slides between originality and quiet elegance — the color of brands that know their worth without shouting it.
Authenticity & Grounding
Couleur 4 commands the deep, vivid 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.
Innovation & Precision
Couleur 5 is a deep, vivid 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.
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