Palette · 4 colors · Lc 10
Steady Olive Cascade palette
Steady Olive Cascade: a 4-color palette (Green, 4 Colors). HEX, RGB, HSL and OKLCH for #F4F9E8, #728100, #292C09, #060603, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 4 Colors
bg
#F4F9E8
surface
#728100
accent
#292C09
text
#060603
Colors in Steady Olive Cascade: HEX, RGB, HSL & OKLCH
- #F4F9E8 color page →
bg
#F4F9E8
- RGB
- rgb(244 249 232)
- HSL
- hsl(78 59% 94%)
- OKLCH
- oklch(0.974 0.023 120.2)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.56:1 (AAA)
- #728100 color page →
surface
#728100
- RGB
- rgb(114 129 0)
- HSL
- hsl(67 100% 25%)
- OKLCH
- oklch(0.571 0.132 117.6)
WCAG contrast: on white 4.32:1 (Fail) · on black 4.85:1 (AA)
- #292C09 color page →
accent
#292C09
- RGB
- rgb(41 44 9)
- HSL
- hsl(65 66% 10%)
- OKLCH
- oklch(0.282 0.053 114)
WCAG contrast: on white 14.39:1 (AAA) · on black 1.45:1 (Fail)
- #060603 color page →
text
#060603
- RGB
- rgb(6 6 3)
- HSL
- hsl(60 33% 2%)
- OKLCH
- oklch(0.12 0.01 107.9)
WCAG contrast: on white 20.28:1 (AAA) · on black 1.03:1 (Fail)
Export Steady Olive Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4f9e8;
--surface: #728100;
--accent: #292c09;
--text: #060603;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4f9e8;
--color-surface: #728100;
--color-accent: #292c09;
--color-text: #060603;
}JSON (DTCG tokens)
{
"steady-olive-cascade-2s8": {
"bg": {
"$type": "color",
"$value": "#f4f9e8"
},
"surface": {
"$type": "color",
"$value": "#728100"
},
"accent": {
"$type": "color",
"$value": "#292c09"
},
"text": {
"$type": "color",
"$value": "#060603"
}
}
}About this palette
Steady Olive Cascade is a 4-color OKLCH-ready palette tagged green, 4 colors. Hex values: #F4F9E8, #728100, #292C09, #060603. 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 Steady Olive Cascade by OKLab color distance.