Complémentaire · 5 couleurs · 26 avril 2026
Dusk & Maple
À travers le dialogue tranchant de deux teintes qui se font face, Dusk & Maple compose un équilibre entre le vide et la forme. Le rythme entre les teintes évoque croissance, vitalité.
Technical Specs
Assets de développement avec blocs de code copiables pour design systems.
CSS
:root {
--color-couleur-1: #43546f;
--color-couleur-2: #8c9cb2;
--color-couleur-3: #bcae9f;
--color-couleur-4: #f2cd8f;
--color-couleur-5: #d6d7d8;
}Tailwind
'dusk-maple': {
500: '#43546f',
400: '#8c9cb2',
300: '#bcae9f',
200: '#f2cd8f',
100: '#d6d7d8',
}JSON
{
"name": "Dusk & Maple",
"harmony": "Complémentaire",
"colors": [
{
"name": "Couleur 1",
"hex": "#43546f"
},
{
"name": "Couleur 2",
"hex": "#8c9cb2"
},
{
"name": "Couleur 3",
"hex": "#bcae9f"
},
{
"name": "Couleur 4",
"hex": "#f2cd8f"
},
{
"name": "Couleur 5",
"hex": "#d6d7d8"
}
]
}PNG
Pinterest
1000 × 1500
Accessibility
Contrast Ratios
Chaque couleur sur fond blanc
Couleur 1
Blanc
7.67:1AAA
Noir
2.74:1Fail
Couleur 2
Blanc
2.8:1Fail
Noir
7.51:1AAA
Couleur 3
Blanc
2.17:1Fail
Noir
9.69:1AAA
Couleur 4
Blanc
1.51:1Fail
Noir
13.9:1AAA
Couleur 5
Blanc
1.44:1Fail
Noir
14.57:1AAA
✦Guide d'utilisation
Scénarios d'application
Interface Design
Combine #43546f for text on #d6d7d8 background.
Emotional Impact
À travers le dialogue tranchant de deux teintes qui se font face, Dusk & Maple compose un équilibre entre le vide et la forme. Le rythme entre les teintes évoque croissance, vitalité.
Analyse de contraste
Text on Canvas
5.3:1
AA
Secondary on Canvas
1.5:1
Fail
Accent on Base
3.5:1
AA Large