Palette · 7 colors · Lc 8.4
Classic Frappé au Chocolat Grove palette
Classic Frappé au Chocolat Grove: a 7-color palette (Yellow, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #F2E4DE, #D8B8A7, #B3846C, #9C6438, #794D35, #54321B, #2F1F16, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2E4DE
surface
#D8B8A7
muted
#B3846C
primary
#9C6438
secondary
#794D35
accent
#54321B
text
#2F1F16
Colors in Classic Frappé au Chocolat Grove: HEX, RGB, HSL & OKLCH
- #F2E4DE color page →
bg
#F2E4DE
- RGB
- rgb(242 228 222)
- HSL
- hsl(18 43% 91%)
- OKLCH
- oklch(0.928 0.017 44.8)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.92:1 (AAA)
- #D8B8A7 color page →
surface
#D8B8A7
- RGB
- rgb(216 184 167)
- HSL
- hsl(21 39% 75%)
- OKLCH
- oklch(0.806 0.044 49.7)
WCAG contrast: on white 1.85:1 (Fail) · on black 11.33:1 (AAA)
- #B3846C color page →
muted
#B3846C
- RGB
- rgb(179 132 108)
- HSL
- hsl(20 32% 56%)
- OKLCH
- oklch(0.653 0.068 48.2)
WCAG contrast: on white 3.26:1 (Fail) · on black 6.43:1 (AA)
- #9C6438 color page →
primary
#9C6438
- RGB
- rgb(156 100 56)
- HSL
- hsl(26 47% 42%)
- OKLCH
- oklch(0.555 0.094 57.4)
WCAG contrast: on white 4.89:1 (AA) · on black 4.29:1 (Fail)
- #794D35 color page →
secondary
#794D35
- RGB
- rgb(121 77 53)
- HSL
- hsl(21 39% 34%)
- OKLCH
- oklch(0.464 0.07 49)
WCAG contrast: on white 7.17:1 (AAA) · on black 2.92:1 (Fail)
- #54321B color page →
accent
#54321B
- RGB
- rgb(84 50 27)
- HSL
- hsl(24 51% 22%)
- OKLCH
- oklch(0.354 0.061 53.5)
WCAG contrast: on white 11.35:1 (AAA) · on black 1.84:1 (Fail)
- #2F1F16 color page →
text
#2F1F16
- RGB
- rgb(47 31 22)
- HSL
- hsl(22 36% 14%)
- OKLCH
- oklch(0.257 0.03 50.3)
WCAG contrast: on white 15.80:1 (AAA) · on black 1.32:1 (Fail)
Export Classic Frappé au Chocolat Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2e4de;
--surface: #d8b8a7;
--muted: #b3846c;
--primary: #9c6438;
--secondary: #794d35;
--accent: #54321b;
--text: #2f1f16;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2e4de;
--color-surface: #d8b8a7;
--color-muted: #b3846c;
--color-primary: #9c6438;
--color-secondary: #794d35;
--color-accent: #54321b;
--color-text: #2f1f16;
}JSON (DTCG tokens)
{
"classic-frapp-au-chocolat-grove-3wl": {
"bg": {
"$type": "color",
"$value": "#f2e4de"
},
"surface": {
"$type": "color",
"$value": "#d8b8a7"
},
"muted": {
"$type": "color",
"$value": "#b3846c"
},
"primary": {
"$type": "color",
"$value": "#9c6438"
},
"secondary": {
"$type": "color",
"$value": "#794d35"
},
"accent": {
"$type": "color",
"$value": "#54321b"
},
"text": {
"$type": "color",
"$value": "#2f1f16"
}
}
}About this palette
Classic Frappé au Chocolat Grove is a 7-color OKLCH-ready palette tagged yellow, warm, 7 colors. Hex values: #F2E4DE, #D8B8A7, #B3846C, #9C6438, #794D35, #54321B, #2F1F16. APCA contrast score Lc 8.4. 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 Classic Frappé au Chocolat Grove by OKLab color distance.