Palette · 10 colors · Lc 9.3
Wild Forest Garden palette
Wild Forest Garden: a 10-color palette (Green, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #010803, #001F0A, #044521, #0D5B30, #00753A, #328F4D, #5FA879, #8EC79D, #C3E1C3, #E0F5E2, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Monochromatic
- 10 Colors
bg
#010803
surface
#001F0A
muted
#044521
primary
#0D5B30
secondary
#00753A
accent
#328F4D
highlight
#5FA879
border
#8EC79D
focus
#C3E1C3
text
#E0F5E2
Colors in Wild Forest Garden: HEX, RGB, HSL & OKLCH
- #010803 color page →
bg
#010803
- RGB
- rgb(1 8 3)
- HSL
- hsl(137 78% 2%)
- OKLCH
- oklch(0.12 0.025 154.6)
WCAG contrast: on white 20.24:1 (AAA) · on black 1.03:1 (Fail)
- #001F0A color page →
surface
#001F0A
- RGB
- rgb(0 31 10)
- HSL
- hsl(139 100% 6%)
- OKLCH
- oklch(0.209 0.056 151.4)
WCAG contrast: on white 17.49:1 (AAA) · on black 1.20:1 (Fail)
- #044521 color page →
muted
#044521
- RGB
- rgb(4 69 33)
- HSL
- hsl(147 89% 14%)
- OKLCH
- oklch(0.343 0.087 152.3)
WCAG contrast: on white 11.17:1 (AAA) · on black 1.87:1 (Fail)
- #0D5B30 color page →
primary
#0D5B30
- RGB
- rgb(13 91 48)
- HSL
- hsl(147 75% 20%)
- OKLCH
- oklch(0.416 0.101 153)
WCAG contrast: on white 8.21:1 (AAA) · on black 2.55:1 (Fail)
- #00753A color page →
secondary
#00753A
- RGB
- rgb(0 117 58)
- HSL
- hsl(150 100% 23%)
- OKLCH
- oklch(0.493 0.129 152.2)
WCAG contrast: on white 5.82:1 (AA) · on black 3.60:1 (Fail)
- #328F4D color page →
accent
#328F4D
- RGB
- rgb(50 143 77)
- HSL
- hsl(137 48% 38%)
- OKLCH
- oklch(0.579 0.133 149.7)
WCAG contrast: on white 4.06:1 (Fail) · on black 5.17:1 (AA)
- #5FA879 color page →
highlight
#5FA879
- RGB
- rgb(95 168 121)
- HSL
- hsl(141 30% 52%)
- OKLCH
- oklch(0.671 0.102 154.4)
WCAG contrast: on white 2.85:1 (Fail) · on black 7.36:1 (AAA)
- #8EC79D color page →
border
#8EC79D
- RGB
- rgb(142 199 157)
- HSL
- hsl(136 34% 67%)
- OKLCH
- oklch(0.779 0.084 152.3)
WCAG contrast: on white 1.94:1 (Fail) · on black 10.80:1 (AAA)
- #C3E1C3 color page →
focus
#C3E1C3
- RGB
- rgb(195 225 195)
- HSL
- hsl(120 33% 82%)
- OKLCH
- oklch(0.88 0.052 145.1)
WCAG contrast: on white 1.41:1 (Fail) · on black 14.87:1 (AAA)
- #E0F5E2 color page →
text
#E0F5E2
- RGB
- rgb(224 245 226)
- HSL
- hsl(126 51% 92%)
- OKLCH
- oklch(0.95 0.034 148)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.32:1 (AAA)
Export Wild Forest Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #010803;
--surface: #001f0a;
--muted: #044521;
--primary: #0d5b30;
--secondary: #00753a;
--accent: #328f4d;
--highlight: #5fa879;
--border: #8ec79d;
--focus: #c3e1c3;
--text: #e0f5e2;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #010803;
--color-surface: #001f0a;
--color-muted: #044521;
--color-primary: #0d5b30;
--color-secondary: #00753a;
--color-accent: #328f4d;
--color-highlight: #5fa879;
--color-border: #8ec79d;
--color-focus: #c3e1c3;
--color-text: #e0f5e2;
}JSON (DTCG tokens)
{
"wild-forest-garden-7oc": {
"bg": {
"$type": "color",
"$value": "#010803"
},
"surface": {
"$type": "color",
"$value": "#001f0a"
},
"muted": {
"$type": "color",
"$value": "#044521"
},
"primary": {
"$type": "color",
"$value": "#0d5b30"
},
"secondary": {
"$type": "color",
"$value": "#00753a"
},
"accent": {
"$type": "color",
"$value": "#328f4d"
},
"highlight": {
"$type": "color",
"$value": "#5fa879"
},
"border": {
"$type": "color",
"$value": "#8ec79d"
},
"focus": {
"$type": "color",
"$value": "#c3e1c3"
},
"text": {
"$type": "color",
"$value": "#e0f5e2"
}
}
}About this palette
Wild Forest Garden is a 10-color OKLCH-ready palette tagged green, monochromatic, 10 colors. Hex values: #010803, #001F0A, #044521, #0D5B30, #00753A, #328F4D, #5FA879, #8EC79D, #C3E1C3, #E0F5E2. 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 Wild Forest Garden by OKLab color distance.