Palette · 4 colors · Lc 9.2
Muted Freshly Roasted Coffee System palette
Muted Freshly Roasted Coffee System: a 4-color palette (Trending, Yellow, Gray, Warm). HEX, RGB, HSL and OKLCH for #F2EBDD, #CCA983, #643821, #1F120B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2EBDD
surface
#CCA983
accent
#643821
text
#1F120B
Colors in Muted Freshly Roasted Coffee System: HEX, RGB, HSL & OKLCH
- #F2EBDD color page →
bg
#F2EBDD
- RGB
- rgb(242 235 221)
- HSL
- hsl(40 45% 91%)
- OKLCH
- oklch(0.942 0.02 84.6)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.70:1 (AAA)
- #CCA983 color page →
surface
#CCA983
- RGB
- rgb(204 169 131)
- HSL
- hsl(31 42% 66%)
- OKLCH
- oklch(0.757 0.066 68.9)
WCAG contrast: on white 2.19:1 (Fail) · on black 9.57:1 (AAA)
- #643821 color page →
accent
#643821
- RGB
- rgb(100 56 33)
- HSL
- hsl(21 50% 26%)
- OKLCH
- oklch(0.39 0.072 47.4)
WCAG contrast: on white 9.86:1 (AAA) · on black 2.12:1 (Fail)
- #1F120B color page →
text
#1F120B
- RGB
- rgb(31 18 11)
- HSL
- hsl(21 48% 8%)
- OKLCH
- oklch(0.198 0.026 49.1)
WCAG contrast: on white 18.26:1 (AAA) · on black 1.14:1 (Fail)
Export Muted Freshly Roasted Coffee System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2ebdd;
--surface: #cca983;
--accent: #643821;
--text: #1f120b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2ebdd;
--color-surface: #cca983;
--color-accent: #643821;
--color-text: #1f120b;
}JSON (DTCG tokens)
{
"muted-freshly-roasted-coffee-system-5gw": {
"bg": {
"$type": "color",
"$value": "#f2ebdd"
},
"surface": {
"$type": "color",
"$value": "#cca983"
},
"accent": {
"$type": "color",
"$value": "#643821"
},
"text": {
"$type": "color",
"$value": "#1f120b"
}
}
}About this palette
Muted Freshly Roasted Coffee System is a 4-color OKLCH-ready palette tagged trending, yellow, gray, warm, nature, brown, 4 colors. Hex values: #F2EBDD, #CCA983, #643821, #1F120B. APCA contrast score Lc 9.2. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Muted Freshly Roasted Coffee System by OKLab color distance.