Palette · 7 colors · Lc 9.4
True Bucolic Grove palette
True Bucolic Grove: a 7-color palette (Green, Cold, Nature, 7 Colors). HEX, RGB, HSL and OKLCH for #E3F0E5, #9BB999, #60A170, #006938, #0C5236, #002F20, #050E06, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E3F0E5
surface
#9BB999
muted
#60A170
primary
#006938
secondary
#0C5236
accent
#002F20
text
#050E06
Colors in True Bucolic Grove: HEX, RGB, HSL & OKLCH
- #E3F0E5 color page →
bg
#E3F0E5
- RGB
- rgb(227 240 229)
- HSL
- hsl(129 30% 92%)
- OKLCH
- oklch(0.942 0.02 150.1)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.86:1 (AAA)
- #9BB999 color page →
surface
#9BB999
- RGB
- rgb(155 185 153)
- HSL
- hsl(116 19% 66%)
- OKLCH
- oklch(0.754 0.056 143.4)
WCAG contrast: on white 2.14:1 (Fail) · on black 9.79:1 (AAA)
- #60A170 color page →
muted
#60A170
- RGB
- rgb(96 161 112)
- HSL
- hsl(135 26% 50%)
- OKLCH
- oklch(0.652 0.099 150.8)
WCAG contrast: on white 3.07:1 (Fail) · on black 6.82:1 (AA)
- #006938 color page →
primary
#006938
- RGB
- rgb(0 105 56)
- HSL
- hsl(152 100% 21%)
- OKLCH
- oklch(0.457 0.115 154.1)
WCAG contrast: on white 6.82:1 (AA) · on black 3.07:1 (Fail)
- #0C5236 color page →
secondary
#0C5236
- RGB
- rgb(12 82 54)
- HSL
- hsl(156 74% 18%)
- OKLCH
- oklch(0.39 0.082 160.6)
WCAG contrast: on white 9.22:1 (AAA) · on black 2.27:1 (Fail)
- #002F20 color page →
accent
#002F20
- RGB
- rgb(0 47 32)
- HSL
- hsl(161 100% 9%)
- OKLCH
- oklch(0.271 0.056 165.8)
WCAG contrast: on white 14.71:1 (AAA) · on black 1.42:1 (Fail)
- #050E06 color page →
text
#050E06
- RGB
- rgb(5 14 6)
- HSL
- hsl(127 47% 4%)
- OKLCH
- oklch(0.151 0.024 147.7)
WCAG contrast: on white 19.59:1 (AAA) · on black 1.07:1 (Fail)
Export True Bucolic Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3f0e5;
--surface: #9bb999;
--muted: #60a170;
--primary: #006938;
--secondary: #0c5236;
--accent: #002f20;
--text: #050e06;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3f0e5;
--color-surface: #9bb999;
--color-muted: #60a170;
--color-primary: #006938;
--color-secondary: #0c5236;
--color-accent: #002f20;
--color-text: #050e06;
}JSON (DTCG tokens)
{
"true-bucolic-grove-hs": {
"bg": {
"$type": "color",
"$value": "#e3f0e5"
},
"surface": {
"$type": "color",
"$value": "#9bb999"
},
"muted": {
"$type": "color",
"$value": "#60a170"
},
"primary": {
"$type": "color",
"$value": "#006938"
},
"secondary": {
"$type": "color",
"$value": "#0c5236"
},
"accent": {
"$type": "color",
"$value": "#002f20"
},
"text": {
"$type": "color",
"$value": "#050e06"
}
}
}About this palette
True Bucolic Grove is a 7-color OKLCH-ready palette tagged green, cold, nature, 7 colors. Hex values: #E3F0E5, #9BB999, #60A170, #006938, #0C5236, #002F20, #050E06. APCA contrast score Lc 9.4. 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 Bucolic Grove by OKLab color distance.