Palette · 10 colors · Lc 9
Pure Olive Cascade palette
Pure Olive Cascade: a 10-color palette (Green, 10 Colors). HEX, RGB, HSL and OKLCH for #E9E6D2, #D6C9A5, #D0AD71, #BE9544, #997B22, #787000, #5B6107, #3D4400, #2C2A00, #181300, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 10 Colors
bg
#E9E6D2
surface
#D6C9A5
muted
#D0AD71
primary
#BE9544
secondary
#997B22
accent
#787000
highlight
#5B6107
border
#3D4400
focus
#2C2A00
text
#181300
Colors in Pure Olive Cascade: HEX, RGB, HSL & OKLCH
- #E9E6D2 color page →
bg
#E9E6D2
- RGB
- rgb(233 230 210)
- HSL
- hsl(52 34% 87%)
- OKLCH
- oklch(0.922 0.027 99.9)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.71:1 (AAA)
- #D6C9A5 color page →
surface
#D6C9A5
- RGB
- rgb(214 201 165)
- HSL
- hsl(44 37% 74%)
- OKLCH
- oklch(0.837 0.05 90.5)
WCAG contrast: on white 1.64:1 (Fail) · on black 12.75:1 (AAA)
- #D0AD71 color page →
muted
#D0AD71
- RGB
- rgb(208 173 113)
- HSL
- hsl(38 50% 63%)
- OKLCH
- oklch(0.765 0.088 80.3)
WCAG contrast: on white 2.12:1 (Fail) · on black 9.89:1 (AAA)
- #BE9544 color page →
primary
#BE9544
- RGB
- rgb(190 149 68)
- HSL
- hsl(40 48% 51%)
- OKLCH
- oklch(0.692 0.11 82.1)
WCAG contrast: on white 2.77:1 (Fail) · on black 7.57:1 (AAA)
- #997B22 color page →
secondary
#997B22
- RGB
- rgb(153 123 34)
- HSL
- hsl(45 64% 37%)
- OKLCH
- oklch(0.596 0.109 89.2)
WCAG contrast: on white 4.03:1 (Fail) · on black 5.21:1 (AA)
- #787000 color page →
accent
#787000
- RGB
- rgb(120 112 0)
- HSL
- hsl(56 100% 24%)
- OKLCH
- oklch(0.535 0.113 104.6)
WCAG contrast: on white 5.10:1 (AA) · on black 4.11:1 (Fail)
- #5B6107 color page →
highlight
#5B6107
- RGB
- rgb(91 97 7)
- HSL
- hsl(64 87% 20%)
- OKLCH
- oklch(0.472 0.103 113.9)
WCAG contrast: on white 6.65:1 (AA) · on black 3.15:1 (Fail)
- #3D4400 color page →
border
#3D4400
- RGB
- rgb(61 68 0)
- HSL
- hsl(66 100% 13%)
- OKLCH
- oklch(0.367 0.084 116.2)
WCAG contrast: on white 10.36:1 (AAA) · on black 2.02:1 (Fail)
- #2C2A00 color page →
focus
#2C2A00
- RGB
- rgb(44 42 0)
- HSL
- hsl(57 100% 9%)
- OKLCH
- oklch(0.278 0.06 106.9)
WCAG contrast: on white 14.60:1 (AAA) · on black 1.43:1 (Fail)
- #181300 color page →
text
#181300
- RGB
- rgb(24 19 0)
- HSL
- hsl(48 100% 5%)
- OKLCH
- oklch(0.187 0.039 97.3)
WCAG contrast: on white 18.55:1 (AAA) · on black 1.13:1 (Fail)
Export Pure Olive Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9e6d2;
--surface: #d6c9a5;
--muted: #d0ad71;
--primary: #be9544;
--secondary: #997b22;
--accent: #787000;
--highlight: #5b6107;
--border: #3d4400;
--focus: #2c2a00;
--text: #181300;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9e6d2;
--color-surface: #d6c9a5;
--color-muted: #d0ad71;
--color-primary: #be9544;
--color-secondary: #997b22;
--color-accent: #787000;
--color-highlight: #5b6107;
--color-border: #3d4400;
--color-focus: #2c2a00;
--color-text: #181300;
}JSON (DTCG tokens)
{
"pure-olive-cascade-6xw": {
"bg": {
"$type": "color",
"$value": "#e9e6d2"
},
"surface": {
"$type": "color",
"$value": "#d6c9a5"
},
"muted": {
"$type": "color",
"$value": "#d0ad71"
},
"primary": {
"$type": "color",
"$value": "#be9544"
},
"secondary": {
"$type": "color",
"$value": "#997b22"
},
"accent": {
"$type": "color",
"$value": "#787000"
},
"highlight": {
"$type": "color",
"$value": "#5b6107"
},
"border": {
"$type": "color",
"$value": "#3d4400"
},
"focus": {
"$type": "color",
"$value": "#2c2a00"
},
"text": {
"$type": "color",
"$value": "#181300"
}
}
}About this palette
Pure Olive Cascade is a 10-color OKLCH-ready palette tagged green, 10 colors. Hex values: #E9E6D2, #D6C9A5, #D0AD71, #BE9544, #997B22, #787000, #5B6107, #3D4400, #2C2A00, #181300. 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 Pure Olive Cascade by OKLab color distance.