Monochromatique · 3 couleurs · 30 avril 2026
Noir & Courtyard
Construite sur l'harmonie de couleurs qui se parlent sans se contredire, Noir & Courtyard déploie un registre chaud qui attire et retient. une progression douce mais lisible — une invitation à créativité et enthousiasme.
Technical Specs
Assets de développement avec blocs de code copiables pour design systems.
CSS
:root {
--color-couleur-1: #4e3921;
--color-couleur-2: #928268;
--color-couleur-3: #c8bca3;
}Tailwind
'noir-courtyard': {
300: '#4e3921',
200: '#928268',
100: '#c8bca3',
}JSON
{
"name": "Noir & Courtyard",
"harmony": "Monochromatique",
"colors": [
{
"name": "Couleur 1",
"hex": "#4e3921"
},
{
"name": "Couleur 2",
"hex": "#928268"
},
{
"name": "Couleur 3",
"hex": "#c8bca3"
}
]
}PNG
Pinterest
1000 × 1500
Accessibility
Contrast Ratios
Chaque couleur sur fond blanc
Couleur 1
Blanc
10.87:1AAA
Noir
1.93:1Fail
Couleur 2
Blanc
3.74:1AA Large
Noir
5.62:1AA
Couleur 3
Blanc
1.88:1Fail
Noir
11.18:1AAA
✦Guide d'utilisation
Scénarios d'application
Interface Design
Combine #4e3921 for text on #c8bca3 background.
Emotional Impact
Construite sur l'harmonie de couleurs qui se parlent sans se contredire, Noir & Courtyard déploie un registre chaud qui attire et retient. une progression douce mais lisible — une invitation à créativité et enthousiasme.
Analyse de contraste
Text on Canvas
5.8:1
AA
Secondary on Canvas
2:1
Fail
Accent on Base
2.9:1
Fail