Palette · 10 colors · Lc 9.6
Classic Willow Leaf Meadow palette
Classic Willow Leaf Meadow: a 10-color palette (Green, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #080901, #171B0B, #363B15, #44511C, #5A682E, #758549, #9FA464, #B3BC8A, #CDCFB9, #F6F9EB, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Monochromatic
- 10 Colors
bg
#080901
surface
#171B0B
muted
#363B15
primary
#44511C
secondary
#5A682E
accent
#758549
highlight
#9FA464
border
#B3BC8A
focus
#CDCFB9
text
#F6F9EB
Colors in Classic Willow Leaf Meadow: HEX, RGB, HSL & OKLCH
- #080901 color page →
bg
#080901
- RGB
- rgb(8 9 1)
- HSL
- hsl(68 80% 2%)
- OKLCH
- oklch(0.134 0.025 113.7)
WCAG contrast: on white 20.00:1 (AAA) · on black 1.04:1 (Fail)
- #171B0B color page →
surface
#171B0B
- RGB
- rgb(23 27 11)
- HSL
- hsl(75 42% 7%)
- OKLCH
- oklch(0.213 0.03 120.4)
WCAG contrast: on white 17.52:1 (AAA) · on black 1.19:1 (Fail)
- #363B15 color page →
muted
#363B15
- RGB
- rgb(54 59 21)
- HSL
- hsl(68 48% 16%)
- OKLCH
- oklch(0.338 0.058 115.8)
WCAG contrast: on white 11.71:1 (AAA) · on black 1.79:1 (Fail)
- #44511C color page →
primary
#44511C
- RGB
- rgb(68 81 28)
- HSL
- hsl(75 49% 21%)
- OKLCH
- oklch(0.411 0.078 121.5)
WCAG contrast: on white 8.60:1 (AAA) · on black 2.43:1 (Fail)
- #5A682E color page →
secondary
#5A682E
- RGB
- rgb(90 104 46)
- HSL
- hsl(74 39% 29%)
- OKLCH
- oklch(0.492 0.084 120.8)
WCAG contrast: on white 6.07:1 (AA) · on black 3.45:1 (Fail)
- #758549 color page →
accent
#758549
- RGB
- rgb(117 133 73)
- HSL
- hsl(76 29% 40%)
- OKLCH
- oklch(0.589 0.086 121.3)
WCAG contrast: on white 4.03:1 (Fail) · on black 5.20:1 (AA)
- #9FA464 color page →
highlight
#9FA464
- RGB
- rgb(159 164 100)
- HSL
- hsl(65 26% 52%)
- OKLCH
- oklch(0.7 0.086 112.2)
WCAG contrast: on white 2.63:1 (Fail) · on black 7.96:1 (AAA)
- #B3BC8A color page →
border
#B3BC8A
- RGB
- rgb(179 188 138)
- HSL
- hsl(71 27% 64%)
- OKLCH
- oklch(0.776 0.068 116.3)
WCAG contrast: on white 2.00:1 (Fail) · on black 10.47:1 (AAA)
- #CDCFB9 color page →
focus
#CDCFB9
- RGB
- rgb(205 207 185)
- HSL
- hsl(65 19% 77%)
- OKLCH
- oklch(0.847 0.03 111.2)
WCAG contrast: on white 1.58:1 (Fail) · on black 13.22:1 (AAA)
- #F6F9EB color page →
text
#F6F9EB
- RGB
- rgb(246 249 235)
- HSL
- hsl(73 54% 95%)
- OKLCH
- oklch(0.976 0.019 116.6)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.66:1 (AAA)
Export Classic Willow Leaf Meadow: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #080901;
--surface: #171b0b;
--muted: #363b15;
--primary: #44511c;
--secondary: #5a682e;
--accent: #758549;
--highlight: #9fa464;
--border: #b3bc8a;
--focus: #cdcfb9;
--text: #f6f9eb;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #080901;
--color-surface: #171b0b;
--color-muted: #363b15;
--color-primary: #44511c;
--color-secondary: #5a682e;
--color-accent: #758549;
--color-highlight: #9fa464;
--color-border: #b3bc8a;
--color-focus: #cdcfb9;
--color-text: #f6f9eb;
}JSON (DTCG tokens)
{
"classic-willow-leaf-meadow-34l": {
"bg": {
"$type": "color",
"$value": "#080901"
},
"surface": {
"$type": "color",
"$value": "#171b0b"
},
"muted": {
"$type": "color",
"$value": "#363b15"
},
"primary": {
"$type": "color",
"$value": "#44511c"
},
"secondary": {
"$type": "color",
"$value": "#5a682e"
},
"accent": {
"$type": "color",
"$value": "#758549"
},
"highlight": {
"$type": "color",
"$value": "#9fa464"
},
"border": {
"$type": "color",
"$value": "#b3bc8a"
},
"focus": {
"$type": "color",
"$value": "#cdcfb9"
},
"text": {
"$type": "color",
"$value": "#f6f9eb"
}
}
}About this palette
Classic Willow Leaf Meadow is a 10-color OKLCH-ready palette tagged green, monochromatic, 10 colors. Hex values: #080901, #171B0B, #363B15, #44511C, #5A682E, #758549, #9FA464, #B3BC8A, #CDCFB9, #F6F9EB. 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 Classic Willow Leaf Meadow by OKLab color distance.