Palette · 3 colors · Lc 8.6
Classic Coconut Beacon palette
Classic Coconut Beacon: a 3-color palette (Yellow, Gray, Warm, Nature). HEX, RGB, HSL and OKLCH for #EEE9E0, #935E41, #1E1009, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEE9E0
accent
#935E41
text
#1E1009
Colors in Classic Coconut Beacon: HEX, RGB, HSL & OKLCH
- #EEE9E0 color page →
bg
#EEE9E0
- RGB
- rgb(238 233 224)
- HSL
- hsl(39 29% 91%)
- OKLCH
- oklch(0.935 0.013 82.4)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.36:1 (AAA)
- #935E41 color page →
accent
#935E41
- RGB
- rgb(147 94 65)
- HSL
- hsl(21 39% 42%)
- OKLCH
- oklch(0.533 0.081 49)
WCAG contrast: on white 5.35:1 (AA) · on black 3.91:1 (Fail)
- #1E1009 color page →
text
#1E1009
- RGB
- rgb(30 16 9)
- HSL
- hsl(20 54% 8%)
- OKLCH
- oklch(0.191 0.027 47.3)
WCAG contrast: on white 18.53:1 (AAA) · on black 1.13:1 (Fail)
Export Classic Coconut Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eee9e0;
--accent: #935e41;
--text: #1e1009;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eee9e0;
--color-accent: #935e41;
--color-text: #1e1009;
}JSON (DTCG tokens)
{
"classic-coconut-beacon-9q": {
"bg": {
"$type": "color",
"$value": "#eee9e0"
},
"accent": {
"$type": "color",
"$value": "#935e41"
},
"text": {
"$type": "color",
"$value": "#1e1009"
}
}
}About this palette
Classic Coconut Beacon is a 3-color OKLCH-ready palette tagged yellow, gray, warm, nature, brown, 3 colors. Hex values: #EEE9E0, #935E41, #1E1009. APCA contrast score Lc 8.6. 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 Coconut Beacon by OKLab color distance.