Palette · 7 colors · Lc 9.3
Coconut Delta palette
Coconut Delta: a 7-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F7EDDE, #D6C0A8, #B08665, #915E3F, #764430, #512B1B, #250F03, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7EDDE
surface
#D6C0A8
muted
#B08665
primary
#915E3F
secondary
#764430
accent
#512B1B
text
#250F03
Colors in Coconut Delta: HEX, RGB, HSL & OKLCH
- #F7EDDE color page →
bg
#F7EDDE
- RGB
- rgb(247 237 222)
- HSL
- hsl(36 61% 92%)
- OKLCH
- oklch(0.95 0.023 78.2)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.12:1 (AAA)
- #D6C0A8 color page →
surface
#D6C0A8
- RGB
- rgb(214 192 168)
- HSL
- hsl(31 36% 75%)
- OKLCH
- oklch(0.82 0.041 69.6)
WCAG contrast: on white 1.75:1 (Fail) · on black 11.96:1 (AAA)
- #B08665 color page →
muted
#B08665
- RGB
- rgb(176 134 101)
- HSL
- hsl(26 32% 54%)
- OKLCH
- oklch(0.652 0.069 59.3)
WCAG contrast: on white 3.25:1 (Fail) · on black 6.44:1 (AA)
- #915E3F color page →
primary
#915E3F
- RGB
- rgb(145 94 63)
- HSL
- hsl(23 39% 41%)
- OKLCH
- oklch(0.53 0.081 51.5)
WCAG contrast: on white 5.41:1 (AA) · on black 3.87:1 (Fail)
- #764430 color page →
secondary
#764430
- RGB
- rgb(118 68 48)
- HSL
- hsl(17 42% 33%)
- OKLCH
- oklch(0.442 0.076 42.3)
WCAG contrast: on white 7.95:1 (AAA) · on black 2.63:1 (Fail)
- #512B1B color page →
accent
#512B1B
- RGB
- rgb(81 43 27)
- HSL
- hsl(18 50% 21%)
- OKLCH
- oklch(0.335 0.062 43.1)
WCAG contrast: on white 12.27:1 (AAA) · on black 1.71:1 (Fail)
- #250F03 color page →
text
#250F03
- RGB
- rgb(37 15 3)
- HSL
- hsl(21 85% 8%)
- OKLCH
- oklch(0.199 0.044 50.7)
WCAG contrast: on white 18.28:1 (AAA) · on black 1.14:1 (Fail)
Export Coconut Delta: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7edde;
--surface: #d6c0a8;
--muted: #b08665;
--primary: #915e3f;
--secondary: #764430;
--accent: #512b1b;
--text: #250f03;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7edde;
--color-surface: #d6c0a8;
--color-muted: #b08665;
--color-primary: #915e3f;
--color-secondary: #764430;
--color-accent: #512b1b;
--color-text: #250f03;
}JSON (DTCG tokens)
{
"coconut-delta-6ec": {
"bg": {
"$type": "color",
"$value": "#f7edde"
},
"surface": {
"$type": "color",
"$value": "#d6c0a8"
},
"muted": {
"$type": "color",
"$value": "#b08665"
},
"primary": {
"$type": "color",
"$value": "#915e3f"
},
"secondary": {
"$type": "color",
"$value": "#764430"
},
"accent": {
"$type": "color",
"$value": "#512b1b"
},
"text": {
"$type": "color",
"$value": "#250f03"
}
}
}About this palette
Coconut Delta is a 7-color OKLCH-ready palette tagged yellow, warm, nature, brown, 7 colors. Hex values: #F7EDDE, #D6C0A8, #B08665, #915E3F, #764430, #512B1B, #250F03. APCA contrast score Lc 9.3. 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 Coconut Delta by OKLab color distance.