Palette · 7 colors · Lc 9.7
Classic Acorn Fog palette
Classic Acorn Fog: a 7-color palette (Trending, Yellow, Gray, Warm). HEX, RGB, HSL and OKLCH for #FCF7F5, #F3DCD5, #CFC5C2, #A08C87, #7A5F4E, #503E2B, #20110E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FCF7F5
surface
#F3DCD5
muted
#CFC5C2
primary
#A08C87
secondary
#7A5F4E
accent
#503E2B
text
#20110E
Colors in Classic Acorn Fog: HEX, RGB, HSL & OKLCH
- #FCF7F5 color page →
bg
#FCF7F5
- RGB
- rgb(252 247 245)
- HSL
- hsl(17 54% 97%)
- OKLCH
- oklch(0.979 0.006 43.3)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.76:1 (AAA)
- #F3DCD5 color page →
surface
#F3DCD5
- RGB
- rgb(243 220 213)
- HSL
- hsl(14 56% 89%)
- OKLCH
- oklch(0.911 0.027 37.6)
WCAG contrast: on white 1.31:1 (Fail) · on black 16.00:1 (AAA)
- #CFC5C2 color page →
muted
#CFC5C2
- RGB
- rgb(207 197 194)
- HSL
- hsl(14 12% 79%)
- OKLCH
- oklch(0.831 0.012 37.4)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.41:1 (AAA)
- #A08C87 color page →
primary
#A08C87
- RGB
- rgb(160 140 135)
- HSL
- hsl(12 12% 58%)
- OKLCH
- oklch(0.657 0.025 34.3)
WCAG contrast: on white 3.18:1 (Fail) · on black 6.59:1 (AA)
- #7A5F4E color page →
secondary
#7A5F4E
- RGB
- rgb(122 95 78)
- HSL
- hsl(23 22% 39%)
- OKLCH
- oklch(0.508 0.044 53.7)
WCAG contrast: on white 5.87:1 (AA) · on black 3.57:1 (Fail)
- #503E2B color page →
accent
#503E2B
- RGB
- rgb(80 62 43)
- HSL
- hsl(31 30% 24%)
- OKLCH
- oklch(0.378 0.039 67.7)
WCAG contrast: on white 10.16:1 (AAA) · on black 2.06:1 (Fail)
- #20110E color page →
text
#20110E
- RGB
- rgb(32 17 14)
- HSL
- hsl(10 39% 9%)
- OKLCH
- oklch(0.198 0.026 31.9)
WCAG contrast: on white 18.29:1 (AAA) · on black 1.14:1 (Fail)
Export Classic Acorn Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fcf7f5;
--surface: #f3dcd5;
--muted: #cfc5c2;
--primary: #a08c87;
--secondary: #7a5f4e;
--accent: #503e2b;
--text: #20110e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fcf7f5;
--color-surface: #f3dcd5;
--color-muted: #cfc5c2;
--color-primary: #a08c87;
--color-secondary: #7a5f4e;
--color-accent: #503e2b;
--color-text: #20110e;
}JSON (DTCG tokens)
{
"classic-acorn-fog-62j": {
"bg": {
"$type": "color",
"$value": "#fcf7f5"
},
"surface": {
"$type": "color",
"$value": "#f3dcd5"
},
"muted": {
"$type": "color",
"$value": "#cfc5c2"
},
"primary": {
"$type": "color",
"$value": "#a08c87"
},
"secondary": {
"$type": "color",
"$value": "#7a5f4e"
},
"accent": {
"$type": "color",
"$value": "#503e2b"
},
"text": {
"$type": "color",
"$value": "#20110e"
}
}
}About this palette
Classic Acorn Fog is a 7-color OKLCH-ready palette tagged trending, yellow, gray, warm, ui system, 7 colors. Hex values: #FCF7F5, #F3DCD5, #CFC5C2, #A08C87, #7A5F4E, #503E2B, #20110E. 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 Classic Acorn Fog by OKLab color distance.