Palette · 5 colors · Lc 9.4
Verdant Leaf Horizon palette
Verdant Leaf Horizon: a 5-color palette (Green, Gray, 5 Colors). HEX, RGB, HSL and OKLCH for #F0EFE9, #877F52, #5A6E83, #6E5C7B, #18150C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0EFE9
surface
#877F52
primary
#5A6E83
accent
#6E5C7B
text
#18150C
Colors in Verdant Leaf Horizon: HEX, RGB, HSL & OKLCH
- #F0EFE9 color page →
bg
#F0EFE9
- RGB
- rgb(240 239 233)
- HSL
- hsl(51 19% 93%)
- OKLCH
- oklch(0.951 0.008 98.9)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.22:1 (AAA)
- #877F52 color page →
surface
#877F52
- RGB
- rgb(135 127 82)
- HSL
- hsl(51 24% 43%)
- OKLCH
- oklch(0.592 0.064 99.4)
WCAG contrast: on white 4.04:1 (Fail) · on black 5.18:1 (AA)
- #5A6E83 color page →
primary
#5A6E83
- RGB
- rgb(90 110 131)
- HSL
- hsl(211 19% 43%)
- OKLCH
- oklch(0.53 0.041 249.9)
WCAG contrast: on white 5.25:1 (AA) · on black 3.99:1 (Fail)
- #6E5C7B color page →
accent
#6E5C7B
- RGB
- rgb(110 92 123)
- HSL
- hsl(275 14% 42%)
- OKLCH
- oklch(0.504 0.053 310.8)
WCAG contrast: on white 6.03:1 (AA) · on black 3.47:1 (Fail)
- #18150C color page →
text
#18150C
- RGB
- rgb(24 21 12)
- HSL
- hsl(45 33% 7%)
- OKLCH
- oklch(0.196 0.018 91.8)
WCAG contrast: on white 18.23:1 (AAA) · on black 1.15:1 (Fail)
Export Verdant Leaf Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0efe9;
--surface: #877f52;
--primary: #5a6e83;
--accent: #6e5c7b;
--text: #18150c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0efe9;
--color-surface: #877f52;
--color-primary: #5a6e83;
--color-accent: #6e5c7b;
--color-text: #18150c;
}JSON (DTCG tokens)
{
"verdant-leaf-horizon-gd": {
"bg": {
"$type": "color",
"$value": "#f0efe9"
},
"surface": {
"$type": "color",
"$value": "#877f52"
},
"primary": {
"$type": "color",
"$value": "#5a6e83"
},
"accent": {
"$type": "color",
"$value": "#6e5c7b"
},
"text": {
"$type": "color",
"$value": "#18150c"
}
}
}About this palette
Verdant Leaf Horizon is a 5-color OKLCH-ready palette tagged green, gray, 5 colors. Hex values: #F0EFE9, #877F52, #5A6E83, #6E5C7B, #18150C. 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 Verdant Leaf Horizon by OKLab color distance.