Palette · 9 colors · Lc 9.6
True Botanical Drift palette
True Botanical Drift: a 9-color palette (Green, Nature, 9 Colors). HEX, RGB, HSL and OKLCH for #EDF2EC, #B7CBA1, #95B173, #608645, #3B6B27, #1F581F, #103F21, #05290F, #061004, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EDF2EC
surface
#B7CBA1
muted
#95B173
primary
#608645
secondary
#3B6B27
accent
#1F581F
highlight
#103F21
border
#05290F
text
#061004
Colors in True Botanical Drift: HEX, RGB, HSL & OKLCH
- #EDF2EC color page →
bg
#EDF2EC
- RGB
- rgb(237 242 236)
- HSL
- hsl(110 19% 94%)
- OKLCH
- oklch(0.956 0.01 140.5)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.51:1 (AAA)
- #B7CBA1 color page →
surface
#B7CBA1
- RGB
- rgb(183 203 161)
- HSL
- hsl(89 29% 71%)
- OKLCH
- oklch(0.816 0.061 128.4)
WCAG contrast: on white 1.73:1 (Fail) · on black 12.07:1 (AAA)
- #95B173 color page →
muted
#95B173
- RGB
- rgb(149 177 115)
- HSL
- hsl(87 28% 57%)
- OKLCH
- oklch(0.724 0.091 128.2)
WCAG contrast: on white 2.38:1 (Fail) · on black 8.81:1 (AAA)
- #608645 color page →
primary
#608645
- RGB
- rgb(96 134 69)
- HSL
- hsl(95 32% 40%)
- OKLCH
- oklch(0.576 0.102 133.6)
WCAG contrast: on white 4.20:1 (Fail) · on black 4.99:1 (AA)
- #3B6B27 color page →
secondary
#3B6B27
- RGB
- rgb(59 107 39)
- HSL
- hsl(102 47% 29%)
- OKLCH
- oklch(0.477 0.112 137.6)
WCAG contrast: on white 6.32:1 (AA) · on black 3.31:1 (Fail)
- #1F581F color page →
accent
#1F581F
- RGB
- rgb(31 88 31)
- HSL
- hsl(120 48% 23%)
- OKLCH
- oklch(0.409 0.107 143.3)
WCAG contrast: on white 8.48:1 (AAA) · on black 2.47:1 (Fail)
- #103F21 color page →
highlight
#103F21
- RGB
- rgb(16 63 33)
- HSL
- hsl(142 59% 15%)
- OKLCH
- oklch(0.327 0.073 151.8)
WCAG contrast: on white 11.96:1 (AAA) · on black 1.75:1 (Fail)
- #05290F color page →
border
#05290F
- RGB
- rgb(5 41 15)
- HSL
- hsl(137 78% 9%)
- OKLCH
- oklch(0.248 0.063 148.9)
WCAG contrast: on white 15.78:1 (AAA) · on black 1.33:1 (Fail)
- #061004 color page →
text
#061004
- RGB
- rgb(6 16 4)
- HSL
- hsl(110 60% 4%)
- OKLCH
- oklch(0.158 0.031 139.1)
WCAG contrast: on white 19.37:1 (AAA) · on black 1.08:1 (Fail)
Export True Botanical Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #edf2ec;
--surface: #b7cba1;
--muted: #95b173;
--primary: #608645;
--secondary: #3b6b27;
--accent: #1f581f;
--highlight: #103f21;
--border: #05290f;
--text: #061004;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #edf2ec;
--color-surface: #b7cba1;
--color-muted: #95b173;
--color-primary: #608645;
--color-secondary: #3b6b27;
--color-accent: #1f581f;
--color-highlight: #103f21;
--color-border: #05290f;
--color-text: #061004;
}JSON (DTCG tokens)
{
"true-botanical-drift-6uh": {
"bg": {
"$type": "color",
"$value": "#edf2ec"
},
"surface": {
"$type": "color",
"$value": "#b7cba1"
},
"muted": {
"$type": "color",
"$value": "#95b173"
},
"primary": {
"$type": "color",
"$value": "#608645"
},
"secondary": {
"$type": "color",
"$value": "#3b6b27"
},
"accent": {
"$type": "color",
"$value": "#1f581f"
},
"highlight": {
"$type": "color",
"$value": "#103f21"
},
"border": {
"$type": "color",
"$value": "#05290f"
},
"text": {
"$type": "color",
"$value": "#061004"
}
}
}About this palette
True Botanical Drift is a 9-color OKLCH-ready palette tagged green, nature, 9 colors. Hex values: #EDF2EC, #B7CBA1, #95B173, #608645, #3B6B27, #1F581F, #103F21, #05290F, #061004. APCA contrast score Lc 9.6. 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 True Botanical Drift by OKLab color distance.