Palette · 10 colors · Lc 9
Steady Sage Cascade palette
Steady Sage Cascade: a 10-color palette (Green, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #EBF3E7, #CFDCBF, #A6C48B, #7FAA66, #6B8F4B, #536E27, #325520, #223600, #0F1E07, #090E07, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Monochromatic
- 10 Colors
bg
#EBF3E7
surface
#CFDCBF
muted
#A6C48B
primary
#7FAA66
secondary
#6B8F4B
accent
#536E27
highlight
#325520
border
#223600
focus
#0F1E07
text
#090E07
Colors in Steady Sage Cascade: HEX, RGB, HSL & OKLCH
- #EBF3E7 color page →
bg
#EBF3E7
- RGB
- rgb(235 243 231)
- HSL
- hsl(100 33% 93%)
- OKLCH
- oklch(0.955 0.018 134.9)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.50:1 (AAA)
- #CFDCBF color page →
surface
#CFDCBF
- RGB
- rgb(207 220 191)
- HSL
- hsl(87 29% 81%)
- OKLCH
- oklch(0.877 0.041 127)
WCAG contrast: on white 1.43:1 (Fail) · on black 14.64:1 (AAA)
- #A6C48B color page →
muted
#A6C48B
- RGB
- rgb(166 196 139)
- HSL
- hsl(92 33% 66%)
- OKLCH
- oklch(0.784 0.084 130.7)
WCAG contrast: on white 1.92:1 (Fail) · on black 10.89:1 (AAA)
- #7FAA66 color page →
primary
#7FAA66
- RGB
- rgb(127 170 102)
- HSL
- hsl(98 29% 53%)
- OKLCH
- oklch(0.69 0.106 134.7)
WCAG contrast: on white 2.67:1 (Fail) · on black 7.84:1 (AAA)
- #6B8F4B color page →
secondary
#6B8F4B
- RGB
- rgb(107 143 75)
- HSL
- hsl(92 31% 43%)
- OKLCH
- oklch(0.606 0.104 131.7)
WCAG contrast: on white 3.71:1 (Fail) · on black 5.65:1 (AA)
- #536E27 color page →
accent
#536E27
- RGB
- rgb(83 110 39)
- HSL
- hsl(83 48% 29%)
- OKLCH
- oklch(0.501 0.103 127.4)
WCAG contrast: on white 5.78:1 (AA) · on black 3.62:1 (Fail)
- #325520 color page →
highlight
#325520
- RGB
- rgb(50 85 32)
- HSL
- hsl(100 45% 23%)
- OKLCH
- oklch(0.41 0.09 136.3)
WCAG contrast: on white 8.55:1 (AAA) · on black 2.45:1 (Fail)
- #223600 color page →
border
#223600
- RGB
- rgb(34 54 0)
- HSL
- hsl(82 100% 11%)
- OKLCH
- oklch(0.304 0.08 128.8)
WCAG contrast: on white 13.16:1 (AAA) · on black 1.59:1 (Fail)
- #0F1E07 color page →
focus
#0F1E07
- RGB
- rgb(15 30 7)
- HSL
- hsl(99 62% 7%)
- OKLCH
- oklch(0.215 0.047 135.8)
WCAG contrast: on white 17.36:1 (AAA) · on black 1.20:1 (Fail)
- #090E07 color page →
text
#090E07
- RGB
- rgb(9 14 7)
- HSL
- hsl(103 33% 4%)
- OKLCH
- oklch(0.155 0.017 136.1)
WCAG contrast: on white 19.48:1 (AAA) · on black 1.07:1 (Fail)
Export Steady Sage Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ebf3e7;
--surface: #cfdcbf;
--muted: #a6c48b;
--primary: #7faa66;
--secondary: #6b8f4b;
--accent: #536e27;
--highlight: #325520;
--border: #223600;
--focus: #0f1e07;
--text: #090e07;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ebf3e7;
--color-surface: #cfdcbf;
--color-muted: #a6c48b;
--color-primary: #7faa66;
--color-secondary: #6b8f4b;
--color-accent: #536e27;
--color-highlight: #325520;
--color-border: #223600;
--color-focus: #0f1e07;
--color-text: #090e07;
}JSON (DTCG tokens)
{
"steady-sage-cascade-22p": {
"bg": {
"$type": "color",
"$value": "#ebf3e7"
},
"surface": {
"$type": "color",
"$value": "#cfdcbf"
},
"muted": {
"$type": "color",
"$value": "#a6c48b"
},
"primary": {
"$type": "color",
"$value": "#7faa66"
},
"secondary": {
"$type": "color",
"$value": "#6b8f4b"
},
"accent": {
"$type": "color",
"$value": "#536e27"
},
"highlight": {
"$type": "color",
"$value": "#325520"
},
"border": {
"$type": "color",
"$value": "#223600"
},
"focus": {
"$type": "color",
"$value": "#0f1e07"
},
"text": {
"$type": "color",
"$value": "#090e07"
}
}
}About this palette
Steady Sage Cascade is a 10-color OKLCH-ready palette tagged green, monochromatic, 10 colors. Hex values: #EBF3E7, #CFDCBF, #A6C48B, #7FAA66, #6B8F4B, #536E27, #325520, #223600, #0F1E07, #090E07. APCA contrast score Lc 9. 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 Sage Cascade by OKLab color distance.