Palette · 10 colors · Lc 9.3
Steady Olive Cascade palette
Steady Olive Cascade: a 10-color palette (Green, 10 Colors). HEX, RGB, HSL and OKLCH for #EEF1E1, #DCD9AC, #D4BB7A, #B7A146, #8C8A00, #707000, #506700, #3F5100, #232C00, #161700, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 10 Colors
bg
#EEF1E1
surface
#DCD9AC
muted
#D4BB7A
primary
#B7A146
secondary
#8C8A00
accent
#707000
highlight
#506700
border
#3F5100
focus
#232C00
text
#161700
Colors in Steady Olive Cascade: HEX, RGB, HSL & OKLCH
- #EEF1E1 color page →
bg
#EEF1E1
- RGB
- rgb(238 241 225)
- HSL
- hsl(71 36% 91%)
- OKLCH
- oklch(0.952 0.021 115.4)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.30:1 (AAA)
- #DCD9AC color page →
surface
#DCD9AC
- RGB
- rgb(220 217 172)
- HSL
- hsl(56 41% 77%)
- OKLCH
- oklch(0.876 0.059 104.4)
WCAG contrast: on white 1.44:1 (Fail) · on black 14.56:1 (AAA)
- #D4BB7A color page →
muted
#D4BB7A
- RGB
- rgb(212 187 122)
- HSL
- hsl(43 51% 65%)
- OKLCH
- oklch(0.799 0.088 89.3)
WCAG contrast: on white 1.87:1 (Fail) · on black 11.18:1 (AAA)
- #B7A146 color page →
primary
#B7A146
- RGB
- rgb(183 161 70)
- HSL
- hsl(48 45% 50%)
- OKLCH
- oklch(0.71 0.114 95.8)
WCAG contrast: on white 2.56:1 (Fail) · on black 8.19:1 (AAA)
- #8C8A00 color page →
secondary
#8C8A00
- RGB
- rgb(140 138 0)
- HSL
- hsl(59 100% 27%)
- OKLCH
- oklch(0.615 0.133 108.7)
WCAG contrast: on white 3.65:1 (Fail) · on black 5.75:1 (AA)
- #707000 color page →
accent
#707000
- RGB
- rgb(112 112 0)
- HSL
- hsl(60 100% 22%)
- OKLCH
- oklch(0.528 0.115 109.8)
WCAG contrast: on white 5.24:1 (AA) · on black 4.00:1 (Fail)
- #506700 color page →
highlight
#506700
- RGB
- rgb(80 103 0)
- HSL
- hsl(73 100% 20%)
- OKLCH
- oklch(0.478 0.118 123.5)
WCAG contrast: on white 6.40:1 (AA) · on black 3.28:1 (Fail)
- #3F5100 color page →
border
#3F5100
- RGB
- rgb(63 81 0)
- HSL
- hsl(73 100% 16%)
- OKLCH
- oklch(0.405 0.099 123.1)
WCAG contrast: on white 8.79:1 (AAA) · on black 2.38:1 (Fail)
- #232C00 color page →
focus
#232C00
- RGB
- rgb(35 44 0)
- HSL
- hsl(72 100% 9%)
- OKLCH
- oklch(0.275 0.066 120.9)
WCAG contrast: on white 14.66:1 (AAA) · on black 1.43:1 (Fail)
- #161700 color page →
text
#161700
- RGB
- rgb(22 23 0)
- HSL
- hsl(63 100% 5%)
- OKLCH
- oklch(0.197 0.044 111.9)
WCAG contrast: on white 18.15:1 (AAA) · on black 1.15:1 (Fail)
Export Steady Olive Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eef1e1;
--surface: #dcd9ac;
--muted: #d4bb7a;
--primary: #b7a146;
--secondary: #8c8a00;
--accent: #707000;
--highlight: #506700;
--border: #3f5100;
--focus: #232c00;
--text: #161700;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eef1e1;
--color-surface: #dcd9ac;
--color-muted: #d4bb7a;
--color-primary: #b7a146;
--color-secondary: #8c8a00;
--color-accent: #707000;
--color-highlight: #506700;
--color-border: #3f5100;
--color-focus: #232c00;
--color-text: #161700;
}JSON (DTCG tokens)
{
"steady-olive-cascade-44n": {
"bg": {
"$type": "color",
"$value": "#eef1e1"
},
"surface": {
"$type": "color",
"$value": "#dcd9ac"
},
"muted": {
"$type": "color",
"$value": "#d4bb7a"
},
"primary": {
"$type": "color",
"$value": "#b7a146"
},
"secondary": {
"$type": "color",
"$value": "#8c8a00"
},
"accent": {
"$type": "color",
"$value": "#707000"
},
"highlight": {
"$type": "color",
"$value": "#506700"
},
"border": {
"$type": "color",
"$value": "#3f5100"
},
"focus": {
"$type": "color",
"$value": "#232c00"
},
"text": {
"$type": "color",
"$value": "#161700"
}
}
}About this palette
Steady Olive Cascade is a 10-color OKLCH-ready palette tagged green, 10 colors. Hex values: #EEF1E1, #DCD9AC, #D4BB7A, #B7A146, #8C8A00, #707000, #506700, #3F5100, #232C00, #161700. 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 Steady Olive Cascade by OKLab color distance.