Palette · 7 colors · Lc 9.8
Classic Coconut Pulse palette
Classic Coconut Pulse: a 7-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #FBF2E8, #D7BCA1, #C29168, #995F40, #794B3F, #492A20, #24130E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FBF2E8
surface
#D7BCA1
muted
#C29168
primary
#995F40
secondary
#794B3F
accent
#492A20
text
#24130E
Colors in Classic Coconut Pulse: HEX, RGB, HSL & OKLCH
- #FBF2E8 color page →
bg
#FBF2E8
- RGB
- rgb(251 242 232)
- HSL
- hsl(32 70% 95%)
- OKLCH
- oklch(0.965 0.016 70.5)
WCAG contrast: on white 1.10:1 (Fail) · on black 18.96:1 (AAA)
- #D7BCA1 color page →
surface
#D7BCA1
- RGB
- rgb(215 188 161)
- HSL
- hsl(30 40% 74%)
- OKLCH
- oklch(0.811 0.048 67.1)
WCAG contrast: on white 1.81:1 (Fail) · on black 11.59:1 (AAA)
- #C29168 color page →
muted
#C29168
- RGB
- rgb(194 145 104)
- HSL
- hsl(27 42% 58%)
- OKLCH
- oklch(0.694 0.081 60.8)
WCAG contrast: on white 2.78:1 (Fail) · on black 7.54:1 (AAA)
- #995F40 color page →
primary
#995F40
- RGB
- rgb(153 95 64)
- HSL
- hsl(21 41% 43%)
- OKLCH
- oklch(0.543 0.088 48.3)
WCAG contrast: on white 5.16:1 (AA) · on black 4.06:1 (Fail)
- #794B3F color page →
secondary
#794B3F
- RGB
- rgb(121 75 63)
- HSL
- hsl(12 32% 36%)
- OKLCH
- oklch(0.462 0.066 35.4)
WCAG contrast: on white 7.26:1 (AAA) · on black 2.89:1 (Fail)
- #492A20 color page →
accent
#492A20
- RGB
- rgb(73 42 32)
- HSL
- hsl(15 39% 21%)
- OKLCH
- oklch(0.322 0.05 38.6)
WCAG contrast: on white 12.84:1 (AAA) · on black 1.63:1 (Fail)
- #24130E color page →
text
#24130E
- RGB
- rgb(36 19 14)
- HSL
- hsl(14 44% 10%)
- OKLCH
- oklch(0.209 0.03 37.1)
WCAG contrast: on white 17.87:1 (AAA) · on black 1.17:1 (Fail)
Export Classic Coconut Pulse: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fbf2e8;
--surface: #d7bca1;
--muted: #c29168;
--primary: #995f40;
--secondary: #794b3f;
--accent: #492a20;
--text: #24130e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fbf2e8;
--color-surface: #d7bca1;
--color-muted: #c29168;
--color-primary: #995f40;
--color-secondary: #794b3f;
--color-accent: #492a20;
--color-text: #24130e;
}JSON (DTCG tokens)
{
"classic-coconut-pulse-41w": {
"bg": {
"$type": "color",
"$value": "#fbf2e8"
},
"surface": {
"$type": "color",
"$value": "#d7bca1"
},
"muted": {
"$type": "color",
"$value": "#c29168"
},
"primary": {
"$type": "color",
"$value": "#995f40"
},
"secondary": {
"$type": "color",
"$value": "#794b3f"
},
"accent": {
"$type": "color",
"$value": "#492a20"
},
"text": {
"$type": "color",
"$value": "#24130e"
}
}
}About this palette
Classic Coconut Pulse is a 7-color OKLCH-ready palette tagged yellow, warm, nature, brown, 7 colors. Hex values: #FBF2E8, #D7BCA1, #C29168, #995F40, #794B3F, #492A20, #24130E. APCA contrast score Lc 9.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 Coconut Pulse by OKLab color distance.