Palette · 5 colors · Lc 10
Pure Coconut Drift palette
Pure Coconut Drift: a 5-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #FFF3E3, #C6A384, #955A45, #67392E, #23110B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF3E3
surface
#C6A384
primary
#955A45
accent
#67392E
text
#23110B
Colors in Pure Coconut Drift: HEX, RGB, HSL & OKLCH
- #FFF3E3 color page →
bg
#FFF3E3
- RGB
- rgb(255 243 227)
- HSL
- hsl(34 100% 95%)
- OKLCH
- oklch(0.969 0.025 75.3)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.18:1 (AAA)
- #C6A384 color page →
surface
#C6A384
- RGB
- rgb(198 163 132)
- HSL
- hsl(28 37% 65%)
- OKLCH
- oklch(0.739 0.059 63.2)
WCAG contrast: on white 2.34:1 (Fail) · on black 8.97:1 (AAA)
- #955A45 color page →
primary
#955A45
- RGB
- rgb(149 90 69)
- HSL
- hsl(16 37% 43%)
- OKLCH
- oklch(0.529 0.085 40.3)
WCAG contrast: on white 5.48:1 (AA) · on black 3.82:1 (Fail)
- #67392E color page →
accent
#67392E
- RGB
- rgb(103 57 46)
- HSL
- hsl(12 38% 29%)
- OKLCH
- oklch(0.399 0.068 34.4)
WCAG contrast: on white 9.53:1 (AAA) · on black 2.20:1 (Fail)
- #23110B color page →
text
#23110B
- RGB
- rgb(35 17 11)
- HSL
- hsl(15 52% 9%)
- OKLCH
- oklch(0.202 0.033 39.2)
WCAG contrast: on white 18.15:1 (AAA) · on black 1.15:1 (Fail)
Export Pure Coconut Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff3e3;
--surface: #c6a384;
--primary: #955a45;
--accent: #67392e;
--text: #23110b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff3e3;
--color-surface: #c6a384;
--color-primary: #955a45;
--color-accent: #67392e;
--color-text: #23110b;
}JSON (DTCG tokens)
{
"pure-coconut-drift-45u": {
"bg": {
"$type": "color",
"$value": "#fff3e3"
},
"surface": {
"$type": "color",
"$value": "#c6a384"
},
"primary": {
"$type": "color",
"$value": "#955a45"
},
"accent": {
"$type": "color",
"$value": "#67392e"
},
"text": {
"$type": "color",
"$value": "#23110b"
}
}
}About this palette
Pure Coconut Drift is a 5-color OKLCH-ready palette tagged yellow, warm, nature, brown, 5 colors. Hex values: #FFF3E3, #C6A384, #955A45, #67392E, #23110B. APCA contrast score Lc 10. 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 Pure Coconut Drift by OKLab color distance.