Palette · 4 colors · Lc 9.7
Low Freshly Roasted Coffee Canvas palette
Low Freshly Roasted Coffee Canvas: a 4-color palette (Orange, Gray, Warm, Nature). HEX, RGB, HSL and OKLCH for #FCEEE1, #D4A685, #643424, #1C0D07, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FCEEE1
surface
#D4A685
accent
#643424
text
#1C0D07
Colors in Low Freshly Roasted Coffee Canvas: HEX, RGB, HSL & OKLCH
- #FCEEE1 color page →
bg
#FCEEE1
- RGB
- rgb(252 238 225)
- HSL
- hsl(29 82% 94%)
- OKLCH
- oklch(0.957 0.023 65.5)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.45:1 (AAA)
- #D4A685 color page →
surface
#D4A685
- RGB
- rgb(212 166 133)
- HSL
- hsl(25 48% 68%)
- OKLCH
- oklch(0.759 0.071 57.1)
WCAG contrast: on white 2.18:1 (Fail) · on black 9.59:1 (AAA)
- #643424 color page →
accent
#643424
- RGB
- rgb(100 52 36)
- HSL
- hsl(15 47% 27%)
- OKLCH
- oklch(0.383 0.074 39.1)
WCAG contrast: on white 10.20:1 (AAA) · on black 2.05:1 (Fail)
- #1C0D07 color page →
text
#1C0D07
- RGB
- rgb(28 13 7)
- HSL
- hsl(17 60% 7%)
- OKLCH
- oklch(0.179 0.029 43.4)
WCAG contrast: on white 18.91:1 (AAA) · on black 1.11:1 (Fail)
Export Low Freshly Roasted Coffee Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fceee1;
--surface: #d4a685;
--accent: #643424;
--text: #1c0d07;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fceee1;
--color-surface: #d4a685;
--color-accent: #643424;
--color-text: #1c0d07;
}JSON (DTCG tokens)
{
"low-freshly-roasted-coffee-canvas-5ec": {
"bg": {
"$type": "color",
"$value": "#fceee1"
},
"surface": {
"$type": "color",
"$value": "#d4a685"
},
"accent": {
"$type": "color",
"$value": "#643424"
},
"text": {
"$type": "color",
"$value": "#1c0d07"
}
}
}About this palette
Low Freshly Roasted Coffee Canvas is a 4-color OKLCH-ready palette tagged orange, gray, warm, nature, brown, 4 colors. Hex values: #FCEEE1, #D4A685, #643424, #1C0D07. APCA contrast score Lc 9.7. 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 Low Freshly Roasted Coffee Canvas by OKLab color distance.