Split-Complémentaire · 5 couleurs · 27 avril 2026
Chocolat & Lemon
Construite sur la dynamique vivante de trois voix chromatiques distinctes, Chocolat & Lemon déploie un équilibre entre le vide et la forme. une tension dramatique qui impose la lecture — une invitation à croissance et vitalité.
Technical Specs
Assets de développement avec blocs de code copiables pour design systems.
CSS
:root {
--color-couleur-1: #ffdc63;
--color-couleur-2: #71dbea;
--color-couleur-3: #b150b8;
--color-couleur-4: #542c00;
--color-couleur-5: #003038;
}Tailwind
'chocolat-lemon': {
500: '#ffdc63',
400: '#71dbea',
300: '#b150b8',
200: '#542c00',
100: '#003038',
}JSON
{
"name": "Chocolat & Lemon",
"harmony": "Split-Complémentaire",
"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"
}
]
}PNG
Pinterest
1000 × 1500
Accessibility
Contrast Ratios
Chaque couleur sur fond blanc
Couleur 1
Blanc
1.34:1Fail
Noir
15.67:1AAA
Couleur 2
Blanc
1.61:1Fail
Noir
13.02:1AAA
Couleur 3
Blanc
4.46:1AA Large
Noir
4.71:1AA
Couleur 4
Blanc
12.09:1AAA
Noir
1.74:1Fail
Couleur 5
Blanc
14.19:1AAA
Noir
1.48:1Fail
✦Guide d'utilisation
Scénarios d'application
Interface Design
Combine #003038 for text on #ffdc63 background.
Emotional Impact
Construite sur la dynamique vivante de trois voix chromatiques distinctes, Chocolat & Lemon déploie un équilibre entre le vide et la forme. une tension dramatique qui impose la lecture — une invitation à croissance et vitalité.
Analyse de contraste
Text on Canvas
10.6:1
AAA
Secondary on Canvas
3.3:1
AA Large
Accent on Base
3.2:1
AA Large