Palette · 7 colors · Lc 8
Classic Tosty Crust Fog palette
Classic Tosty Crust Fog: a 7-color palette (Green, Gray, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #EFDFCE, #CCBCAB, #B89772, #A98152, #7A5E3B, #4E3F28, #322310, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EFDFCE
surface
#CCBCAB
muted
#B89772
primary
#A98152
secondary
#7A5E3B
accent
#4E3F28
text
#322310
Colors in Classic Tosty Crust Fog: HEX, RGB, HSL & OKLCH
- #EFDFCE color page →
bg
#EFDFCE
- RGB
- rgb(239 223 206)
- HSL
- hsl(31 51% 87%)
- OKLCH
- oklch(0.912 0.029 69.1)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.11:1 (AAA)
- #CCBCAB color page →
surface
#CCBCAB
- RGB
- rgb(204 188 171)
- HSL
- hsl(31 24% 74%)
- OKLCH
- oklch(0.804 0.03 69.1)
WCAG contrast: on white 1.85:1 (Fail) · on black 11.34:1 (AAA)
- #B89772 color page →
muted
#B89772
- RGB
- rgb(184 151 114)
- HSL
- hsl(32 33% 58%)
- OKLCH
- oklch(0.697 0.064 69.7)
WCAG contrast: on white 2.72:1 (Fail) · on black 7.70:1 (AAA)
- #A98152 color page →
primary
#A98152
- RGB
- rgb(169 129 82)
- HSL
- hsl(32 35% 49%)
- OKLCH
- oklch(0.631 0.08 70)
WCAG contrast: on white 3.53:1 (Fail) · on black 5.94:1 (AA)
- #7A5E3B color page →
secondary
#7A5E3B
- RGB
- rgb(122 94 59)
- HSL
- hsl(33 35% 35%)
- OKLCH
- oklch(0.502 0.062 71.8)
WCAG contrast: on white 6.01:1 (AA) · on black 3.49:1 (Fail)
- #4E3F28 color page →
accent
#4E3F28
- RGB
- rgb(78 63 40)
- HSL
- hsl(36 32% 23%)
- OKLCH
- oklch(0.377 0.041 77.7)
WCAG contrast: on white 10.16:1 (AAA) · on black 2.06:1 (Fail)
- #322310 color page →
text
#322310
- RGB
- rgb(50 35 16)
- HSL
- hsl(34 52% 13%)
- OKLCH
- oklch(0.269 0.038 71.5)
WCAG contrast: on white 15.17:1 (AAA) · on black 1.38:1 (Fail)
Export Classic Tosty Crust Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #efdfce;
--surface: #ccbcab;
--muted: #b89772;
--primary: #a98152;
--secondary: #7a5e3b;
--accent: #4e3f28;
--text: #322310;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #efdfce;
--color-surface: #ccbcab;
--color-muted: #b89772;
--color-primary: #a98152;
--color-secondary: #7a5e3b;
--color-accent: #4e3f28;
--color-text: #322310;
}JSON (DTCG tokens)
{
"classic-tosty-crust-fog-6gn": {
"bg": {
"$type": "color",
"$value": "#efdfce"
},
"surface": {
"$type": "color",
"$value": "#ccbcab"
},
"muted": {
"$type": "color",
"$value": "#b89772"
},
"primary": {
"$type": "color",
"$value": "#a98152"
},
"secondary": {
"$type": "color",
"$value": "#7a5e3b"
},
"accent": {
"$type": "color",
"$value": "#4e3f28"
},
"text": {
"$type": "color",
"$value": "#322310"
}
}
}About this palette
Classic Tosty Crust Fog is a 7-color OKLCH-ready palette tagged green, gray, warm, 7 colors. Hex values: #EFDFCE, #CCBCAB, #B89772, #A98152, #7A5E3B, #4E3F28, #322310. APCA contrast score Lc 8. 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 Tosty Crust Fog by OKLab color distance.