Palette · 10 colors · Lc 10
Forest Empress Cascade palette
Forest Empress Cascade: a 10-color palette (Green, 10 Colors). HEX, RGB, HSL and OKLCH for #F1FCEA, #D2DCB0, #ACC272, #8AB154, #578A32, #40751A, #2E6000, #124309, #0F2100, #040802, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 10 Colors
bg
#F1FCEA
surface
#D2DCB0
muted
#ACC272
primary
#8AB154
secondary
#578A32
accent
#40751A
highlight
#2E6000
border
#124309
focus
#0F2100
text
#040802
Colors in Forest Empress Cascade: HEX, RGB, HSL & OKLCH
- #F1FCEA color page →
bg
#F1FCEA
- RGB
- rgb(241 252 234)
- HSL
- hsl(97 75% 95%)
- OKLCH
- oklch(0.978 0.026 133)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.85:1 (AAA)
- #D2DCB0 color page →
surface
#D2DCB0
- RGB
- rgb(210 220 176)
- HSL
- hsl(74 39% 78%)
- OKLCH
- oklch(0.876 0.059 118)
WCAG contrast: on white 1.43:1 (Fail) · on black 14.60:1 (AAA)
- #ACC272 color page →
muted
#ACC272
- RGB
- rgb(172 194 114)
- HSL
- hsl(77 40% 60%)
- OKLCH
- oklch(0.779 0.108 121.5)
WCAG contrast: on white 1.96:1 (Fail) · on black 10.71:1 (AAA)
- #8AB154 color page →
primary
#8AB154
- RGB
- rgb(138 177 84)
- HSL
- hsl(85 37% 51%)
- OKLCH
- oklch(0.711 0.129 128.2)
WCAG contrast: on white 2.47:1 (Fail) · on black 8.49:1 (AAA)
- #578A32 color page →
secondary
#578A32
- RGB
- rgb(87 138 50)
- HSL
- hsl(95 47% 37%)
- OKLCH
- oklch(0.578 0.132 134.3)
WCAG contrast: on white 4.12:1 (Fail) · on black 5.08:1 (AA)
- #40751A color page →
accent
#40751A
- RGB
- rgb(64 117 26)
- HSL
- hsl(95 64% 28%)
- OKLCH
- oklch(0.507 0.133 135.3)
WCAG contrast: on white 5.55:1 (AA) · on black 3.77:1 (Fail)
- #2E6000 color page →
highlight
#2E6000
- RGB
- rgb(46 96 0)
- HSL
- hsl(91 100% 19%)
- OKLCH
- oklch(0.437 0.128 135.3)
WCAG contrast: on white 7.52:1 (AAA) · on black 2.78:1 (Fail)
- #124309 color page →
border
#124309
- RGB
- rgb(18 67 9)
- HSL
- hsl(111 76% 15%)
- OKLCH
- oklch(0.337 0.1 141)
WCAG contrast: on white 11.45:1 (AAA) · on black 1.83:1 (Fail)
- #0F2100 color page →
focus
#0F2100
- RGB
- rgb(15 33 0)
- HSL
- hsl(93 100% 6%)
- OKLCH
- oklch(0.223 0.063 132.7)
WCAG contrast: on white 16.96:1 (AAA) · on black 1.23:1 (Fail)
- #040802 color page →
text
#040802
- RGB
- rgb(4 8 2)
- HSL
- hsl(100 60% 2%)
- OKLCH
- oklch(0.125 0.022 133.1)
WCAG contrast: on white 20.17:1 (AAA) · on black 1.04:1 (Fail)
Export Forest Empress Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1fcea;
--surface: #d2dcb0;
--muted: #acc272;
--primary: #8ab154;
--secondary: #578a32;
--accent: #40751a;
--highlight: #2e6000;
--border: #124309;
--focus: #0f2100;
--text: #040802;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1fcea;
--color-surface: #d2dcb0;
--color-muted: #acc272;
--color-primary: #8ab154;
--color-secondary: #578a32;
--color-accent: #40751a;
--color-highlight: #2e6000;
--color-border: #124309;
--color-focus: #0f2100;
--color-text: #040802;
}JSON (DTCG tokens)
{
"forest-empress-cascade-31w": {
"bg": {
"$type": "color",
"$value": "#f1fcea"
},
"surface": {
"$type": "color",
"$value": "#d2dcb0"
},
"muted": {
"$type": "color",
"$value": "#acc272"
},
"primary": {
"$type": "color",
"$value": "#8ab154"
},
"secondary": {
"$type": "color",
"$value": "#578a32"
},
"accent": {
"$type": "color",
"$value": "#40751a"
},
"highlight": {
"$type": "color",
"$value": "#2e6000"
},
"border": {
"$type": "color",
"$value": "#124309"
},
"focus": {
"$type": "color",
"$value": "#0f2100"
},
"text": {
"$type": "color",
"$value": "#040802"
}
}
}About this palette
Forest Empress Cascade is a 10-color OKLCH-ready palette tagged green, 10 colors. Hex values: #F1FCEA, #D2DCB0, #ACC272, #8AB154, #578A32, #40751A, #2E6000, #124309, #0F2100, #040802. APCA contrast score Lc 10. 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 Forest Empress Cascade by OKLab color distance.