Complémentaire · 5 couleurs · 2 mai 2026
Darkness & Bold
Construite sur la sophistication d'un complémentaire brisé — tension sans brutalité, Darkness & Bold déploie la sobriété d'un espace architectural maîtrisé. une dramaturgie visuelle sans compromis — une invitation à croissance et vitalité.
Technical Specs
Assets de développement avec blocs de code copiables pour design systems.
CSS
:root {
--color-couleur-1: #ead56c;
--color-couleur-2: #8bccea;
--color-couleur-3: #8e5c9d;
--color-couleur-4: #3a2008;
--color-couleur-5: #06172d;
}Tailwind
'darkness-bold': {
500: '#ead56c',
400: '#8bccea',
300: '#8e5c9d',
200: '#3a2008',
100: '#06172d',
}JSON
{
"name": "Darkness & Bold",
"harmony": "Complémentaire",
"colors": [
{
"name": "Couleur 1",
"hex": "#ead56c"
},
{
"name": "Couleur 2",
"hex": "#8bccea"
},
{
"name": "Couleur 3",
"hex": "#8e5c9d"
},
{
"name": "Couleur 4",
"hex": "#3a2008"
},
{
"name": "Couleur 5",
"hex": "#06172d"
}
]
}PNG
Pinterest
1000 × 1500
Accessibility
Contrast Ratios
Chaque couleur sur fond blanc
Couleur 1
Blanc
1.48:1Fail
Noir
14.23:1AAA
Couleur 2
Blanc
1.76:1Fail
Noir
11.92:1AAA
Couleur 3
Blanc
5.04:1AA
Noir
4.17:1AA Large
Couleur 4
Blanc
15.11:1AAA
Noir
1.39:1Fail
Couleur 5
Blanc
17.98:1AAA
Noir
1.17:1Fail
✦Guide d'utilisation
Scénarios d'application
Interface Design
Combine #06172d for text on #ead56c background.
Emotional Impact
Construite sur la sophistication d'un complémentaire brisé — tension sans brutalité, Darkness & Bold déploie la sobriété d'un espace architectural maîtrisé. une dramaturgie visuelle sans compromis — une invitation à croissance et vitalité.
Analyse de contraste
Text on Canvas
12.2:1
AAA
Secondary on Canvas
3.4:1
AA Large
Accent on Base
3.6:1
AA Large