Palette · 6 colors · Lc 9
Classic Macaroon Lattice palette
Classic Macaroon Lattice: a 6-color palette (Yellow, Gray, Warm, 6 Colors). HEX, RGB, HSL and OKLCH for #FCE4D2, #E0BEA0, #B98F6D, #926D4F, #5B4736, #332820, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FCE4D2
surface
#E0BEA0
muted
#B98F6D
primary
#926D4F
accent
#5B4736
text
#332820
Colors in Classic Macaroon Lattice: HEX, RGB, HSL & OKLCH
- #FCE4D2 color page →
bg
#FCE4D2
- RGB
- rgb(252 228 210)
- HSL
- hsl(26 88% 91%)
- OKLCH
- oklch(0.934 0.036 59.2)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.16:1 (AAA)
- #E0BEA0 color page →
surface
#E0BEA0
- RGB
- rgb(224 190 160)
- HSL
- hsl(28 51% 75%)
- OKLCH
- oklch(0.823 0.056 63.4)
WCAG contrast: on white 1.74:1 (Fail) · on black 12.04:1 (AAA)
- #B98F6D color page →
muted
#B98F6D
- RGB
- rgb(185 143 109)
- HSL
- hsl(27 35% 58%)
- OKLCH
- oklch(0.682 0.069 60.2)
WCAG contrast: on white 2.91:1 (Fail) · on black 7.21:1 (AAA)
- #926D4F color page →
primary
#926D4F
- RGB
- rgb(146 109 79)
- HSL
- hsl(27 30% 44%)
- OKLCH
- oklch(0.565 0.064 60)
WCAG contrast: on white 4.64:1 (AA) · on black 4.52:1 (AA)
- #5B4736 color page →
accent
#5B4736
- RGB
- rgb(91 71 54)
- HSL
- hsl(28 26% 28%)
- OKLCH
- oklch(0.414 0.038 61.8)
WCAG contrast: on white 8.75:1 (AAA) · on black 2.39:1 (Fail)
- #332820 color page →
text
#332820
- RGB
- rgb(51 40 32)
- HSL
- hsl(25 23% 16%)
- OKLCH
- oklch(0.287 0.022 57.8)
WCAG contrast: on white 14.33:1 (AAA) · on black 1.46:1 (Fail)
Export Classic Macaroon Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fce4d2;
--surface: #e0bea0;
--muted: #b98f6d;
--primary: #926d4f;
--accent: #5b4736;
--text: #332820;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fce4d2;
--color-surface: #e0bea0;
--color-muted: #b98f6d;
--color-primary: #926d4f;
--color-accent: #5b4736;
--color-text: #332820;
}JSON (DTCG tokens)
{
"classic-macaroon-lattice-686": {
"bg": {
"$type": "color",
"$value": "#fce4d2"
},
"surface": {
"$type": "color",
"$value": "#e0bea0"
},
"muted": {
"$type": "color",
"$value": "#b98f6d"
},
"primary": {
"$type": "color",
"$value": "#926d4f"
},
"accent": {
"$type": "color",
"$value": "#5b4736"
},
"text": {
"$type": "color",
"$value": "#332820"
}
}
}About this palette
Classic Macaroon Lattice is a 6-color OKLCH-ready palette tagged yellow, gray, warm, 6 colors. Hex values: #FCE4D2, #E0BEA0, #B98F6D, #926D4F, #5B4736, #332820. APCA contrast score Lc 9. 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 Macaroon Lattice by OKLab color distance.