Monochromatic · 5 colors · April 15, 2026
Cinnamon & Hornblende
Through the intense vibration of two spectral extremes in contact, Cinnamon & Hornblende composes an elegant and restrained refinement. The contrast between hues evokes elegance, rigor.
Monochromatic#32221FCouleur 1
RGB50 34 31HSL9 23 16
#57413CCouleur 2
RGB87 65 60HSL11 18 29
#87705DCouleur 3
RGB135 112 93HSL27 18 45
#A5A3A0Couleur 4
RGB165 163 160HSL36 3 64
#B5B4B3Couleur 5
RGB181 180 179HSL30 1 71
Technical Specs
Developer handoff assets with copyable code blocks for design systems.
CSS
:root {
--color-couleur-1: #32221f;
--color-couleur-2: #57413c;
--color-couleur-3: #87705d;
--color-couleur-4: #a5a3a0;
--color-couleur-5: #b5b4b3;
}Tailwind
'cinnamon-hornblende': {
500: '#32221f',
400: '#57413c',
300: '#87705d',
200: '#a5a3a0',
100: '#b5b4b3',
}JSON
{
"name": "Cinnamon & Hornblende",
"harmony": "Monochromatic",
"colors": [
{
"name": "Couleur 1",
"hex": "#32221f"
},
{
"name": "Couleur 2",
"hex": "#57413c"
},
{
"name": "Couleur 3",
"hex": "#87705d"
},
{
"name": "Couleur 4",
"hex": "#a5a3a0"
},
{
"name": "Couleur 5",
"hex": "#b5b4b3"
}
]
}PNG
Pinterest PNG
1000 × 1500
Accessibility
Contrast Ratios
Each color vs. white background
Couleur 1
White
15.17:1AAA
Black
1.38:1Fail
Couleur 2
White
9.43:1AAA
Black
2.23:1Fail
Couleur 3
White
4.66:1AA
Black
4.51:1AA
Couleur 4
White
2.52:1Fail
Black
8.35:1AAA
Couleur 5
White
2.07:1Fail
Black
10.14:1AAA
✦Palette Usage Guide
Application Scenarios
Interface Design
Combine #32221f for text on #b5b4b3 background.
Emotional Impact
Through the intense vibration of two spectral extremes in contact, Cinnamon & Hornblende composes an elegant and restrained refinement. The contrast between hues evokes elegance, rigor.
Contrast Analysis
Text on Canvas
7.3:1
AAA
Secondary on Canvas
2.3:1
Fail
Accent on Base
3.3:1
AA Large