Analogous · 5 colors · April 15, 2026
Coffee & Adobe
Through the harmony of colors that speak without contradiction, Coffee & Adobe composes a warm register that draws and holds. The rhythm between hues evokes creativity, enthusiasm.
Analogous#BC6E4ECouleur 1
RGB188 110 78HSL17 45 52
#CF894ACouleur 2
RGB207 137 74HSL28 58 55
#C2B499Couleur 3
RGB194 180 153HSL40 25 68
#C4BD92Couleur 4
RGB196 189 146HSL52 30 67
#62652ACouleur 5
RGB98 101 42HSL63 41 28
Technical Specs
Developer handoff assets with copyable code blocks for design systems.
CSS
:root {
--color-couleur-1: #bc6e4e;
--color-couleur-2: #cf894a;
--color-couleur-3: #c2b499;
--color-couleur-4: #c4bd92;
--color-couleur-5: #62652a;
}Tailwind
'coffee-adobe': {
500: '#bc6e4e',
400: '#cf894a',
300: '#c2b499',
200: '#c4bd92',
100: '#62652a',
}JSON
{
"name": "Coffee & Adobe",
"harmony": "Analogous",
"colors": [
{
"name": "Couleur 1",
"hex": "#bc6e4e"
},
{
"name": "Couleur 2",
"hex": "#cf894a"
},
{
"name": "Couleur 3",
"hex": "#c2b499"
},
{
"name": "Couleur 4",
"hex": "#c4bd92"
},
{
"name": "Couleur 5",
"hex": "#62652a"
}
]
}PNG
Pinterest PNG
1000 × 1500
Accessibility
Contrast Ratios
Each color vs. white background
Couleur 1
White
3.83:1AA Large
Black
5.48:1AA
Couleur 2
White
2.86:1Fail
Black
7.33:1AAA
Couleur 3
White
2.04:1Fail
Black
10.28:1AAA
Couleur 4
White
1.9:1Fail
Black
11.04:1AAA
Couleur 5
White
6.15:1AA
Black
3.41:1AA Large
✦Palette Usage Guide
Application Scenarios
Interface Design
Combine #62652a for text on #c4bd92 background.
Emotional Impact
Through the harmony of colors that speak without contradiction, Coffee & Adobe composes a warm register that draws and holds. The rhythm between hues evokes creativity, enthusiasm.
Contrast Analysis
Text on Canvas
3.2:1
AA Large
Secondary on Canvas
1.5:1
Fail
Accent on Base
2.1:1
Fail