Palette · 5 colors · Lc 9.5
Classic Coconut Cascade palette
Classic Coconut Cascade: a 5-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #FFF4E3, #CDA483, #9C5C3E, #5E352E, #250F08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF4E3
surface
#CDA483
primary
#9C5C3E
accent
#5E352E
text
#250F08
Colors in Classic Coconut Cascade: HEX, RGB, HSL & OKLCH
- #FFF4E3 color page →
bg
#FFF4E3
- RGB
- rgb(255 244 227)
- HSL
- hsl(36 100% 95%)
- OKLCH
- oklch(0.971 0.025 78.9)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.30:1 (AAA)
- #CDA483 color page →
surface
#CDA483
- RGB
- rgb(205 164 131)
- HSL
- hsl(27 43% 66%)
- OKLCH
- oklch(0.748 0.066 60.4)
WCAG contrast: on white 2.27:1 (Fail) · on black 9.23:1 (AAA)
- #9C5C3E color page →
primary
#9C5C3E
- RGB
- rgb(156 92 62)
- HSL
- hsl(19 43% 43%)
- OKLCH
- oklch(0.541 0.095 45.3)
WCAG contrast: on white 5.23:1 (AA) · on black 4.01:1 (Fail)
- #5E352E color page →
accent
#5E352E
- RGB
- rgb(94 53 46)
- HSL
- hsl(9 34% 27%)
- OKLCH
- oklch(0.378 0.061 30.5)
WCAG contrast: on white 10.37:1 (AAA) · on black 2.02:1 (Fail)
- #250F08 color page →
text
#250F08
- RGB
- rgb(37 15 8)
- HSL
- hsl(14 64% 9%)
- OKLCH
- oklch(0.2 0.04 38.6)
WCAG contrast: on white 18.25:1 (AAA) · on black 1.15:1 (Fail)
Export Classic Coconut Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff4e3;
--surface: #cda483;
--primary: #9c5c3e;
--accent: #5e352e;
--text: #250f08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff4e3;
--color-surface: #cda483;
--color-primary: #9c5c3e;
--color-accent: #5e352e;
--color-text: #250f08;
}JSON (DTCG tokens)
{
"classic-coconut-cascade-2up": {
"bg": {
"$type": "color",
"$value": "#fff4e3"
},
"surface": {
"$type": "color",
"$value": "#cda483"
},
"primary": {
"$type": "color",
"$value": "#9c5c3e"
},
"accent": {
"$type": "color",
"$value": "#5e352e"
},
"text": {
"$type": "color",
"$value": "#250f08"
}
}
}About this palette
Classic Coconut Cascade is a 5-color OKLCH-ready palette tagged yellow, warm, nature, brown, 5 colors. Hex values: #FFF4E3, #CDA483, #9C5C3E, #5E352E, #250F08. APCA contrast score Lc 9.5. 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 Cascade by OKLab color distance.