Palette · 5 colors · Lc 8.9
Botanical Drift palette
Botanical Drift: a 5-color palette (Green, Nature, 5 Colors). HEX, RGB, HSL and OKLCH for #EFF4EB, #929E6B, #4B6928, #274722, #0C1208, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EFF4EB
surface
#929E6B
primary
#4B6928
accent
#274722
text
#0C1208
Colors in Botanical Drift: HEX, RGB, HSL & OKLCH
- #EFF4EB color page →
bg
#EFF4EB
- RGB
- rgb(239 244 235)
- HSL
- hsl(93 29% 94%)
- OKLCH
- oklch(0.961 0.013 130.8)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.81:1 (AAA)
- #929E6B color page →
surface
#929E6B
- RGB
- rgb(146 158 107)
- HSL
- hsl(74 21% 52%)
- OKLCH
- oklch(0.677 0.072 119.1)
WCAG contrast: on white 2.86:1 (Fail) · on black 7.32:1 (AAA)
- #4B6928 color page →
primary
#4B6928
- RGB
- rgb(75 105 40)
- HSL
- hsl(88 45% 28%)
- OKLCH
- oklch(0.482 0.099 130.2)
WCAG contrast: on white 6.26:1 (AA) · on black 3.35:1 (Fail)
- #274722 color page →
accent
#274722
- RGB
- rgb(39 71 34)
- HSL
- hsl(112 35% 21%)
- OKLCH
- oklch(0.363 0.072 141.1)
WCAG contrast: on white 10.44:1 (AAA) · on black 2.01:1 (Fail)
- #0C1208 color page →
text
#0C1208
- RGB
- rgb(12 18 8)
- HSL
- hsl(96 38% 5%)
- OKLCH
- oklch(0.172 0.022 133.2)
WCAG contrast: on white 18.99:1 (AAA) · on black 1.10:1 (Fail)
Export Botanical Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eff4eb;
--surface: #929e6b;
--primary: #4b6928;
--accent: #274722;
--text: #0c1208;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eff4eb;
--color-surface: #929e6b;
--color-primary: #4b6928;
--color-accent: #274722;
--color-text: #0c1208;
}JSON (DTCG tokens)
{
"botanical-drift-6xl": {
"bg": {
"$type": "color",
"$value": "#eff4eb"
},
"surface": {
"$type": "color",
"$value": "#929e6b"
},
"primary": {
"$type": "color",
"$value": "#4b6928"
},
"accent": {
"$type": "color",
"$value": "#274722"
},
"text": {
"$type": "color",
"$value": "#0c1208"
}
}
}About this palette
Botanical Drift is a 5-color OKLCH-ready palette tagged green, nature, 5 colors. Hex values: #EFF4EB, #929E6B, #4B6928, #274722, #0C1208. APCA contrast score Lc 8.9. 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 Botanical Drift by OKLab color distance.