Palette · 10 colors · Lc 7.8
Steady Forest Empress Studio palette
Steady Forest Empress Studio: a 10-color palette (Green, 10 Colors). HEX, RGB, HSL and OKLCH for #E0E7D4, #CDD0AB, #BEB577, #A59857, #84923A, #617E2E, #376718, #1C4817, #1F2C01, #181C07, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 10 Colors
bg
#E0E7D4
surface
#CDD0AB
muted
#BEB577
primary
#A59857
secondary
#84923A
accent
#617E2E
highlight
#376718
border
#1C4817
focus
#1F2C01
text
#181C07
Colors in Steady Forest Empress Studio: HEX, RGB, HSL & OKLCH
- #E0E7D4 color page →
bg
#E0E7D4
- RGB
- rgb(224 231 212)
- HSL
- hsl(82 28% 87%)
- OKLCH
- oklch(0.917 0.026 123.4)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.55:1 (AAA)
- #CDD0AB color page →
surface
#CDD0AB
- RGB
- rgb(205 208 171)
- HSL
- hsl(65 28% 74%)
- OKLCH
- oklch(0.846 0.05 111.2)
WCAG contrast: on white 1.59:1 (Fail) · on black 13.20:1 (AAA)
- #BEB577 color page →
muted
#BEB577
- RGB
- rgb(190 181 119)
- HSL
- hsl(52 35% 61%)
- OKLCH
- oklch(0.766 0.082 101)
WCAG contrast: on white 2.08:1 (Fail) · on black 10.06:1 (AAA)
- #A59857 color page →
primary
#A59857
- RGB
- rgb(165 152 87)
- HSL
- hsl(50 31% 49%)
- OKLCH
- oklch(0.676 0.087 98.3)
WCAG contrast: on white 2.90:1 (Fail) · on black 7.22:1 (AAA)
- #84923A color page →
secondary
#84923A
- RGB
- rgb(132 146 58)
- HSL
- hsl(70 43% 40%)
- OKLCH
- oklch(0.63 0.114 117.4)
WCAG contrast: on white 3.41:1 (Fail) · on black 6.15:1 (AA)
- #617E2E color page →
accent
#617E2E
- RGB
- rgb(97 126 46)
- HSL
- hsl(82 47% 34%)
- OKLCH
- oklch(0.553 0.113 126.7)
WCAG contrast: on white 4.63:1 (AA) · on black 4.53:1 (AA)
- #376718 color page →
highlight
#376718
- RGB
- rgb(55 103 24)
- HSL
- hsl(96 62% 25%)
- OKLCH
- oklch(0.463 0.121 135.8)
WCAG contrast: on white 6.73:1 (AA) · on black 3.11:1 (Fail)
- #1C4817 color page →
border
#1C4817
- RGB
- rgb(28 72 23)
- HSL
- hsl(114 52% 19%)
- OKLCH
- oklch(0.358 0.092 141.7)
WCAG contrast: on white 10.55:1 (AAA) · on black 1.98:1 (Fail)
- #1F2C01 color page →
focus
#1F2C01
- RGB
- rgb(31 44 1)
- HSL
- hsl(78 96% 9%)
- OKLCH
- oklch(0.271 0.067 125.3)
WCAG contrast: on white 14.79:1 (AAA) · on black 1.41:1 (Fail)
- #181C07 color page →
text
#181C07
- RGB
- rgb(24 28 7)
- HSL
- hsl(71 60% 7%)
- OKLCH
- oklch(0.216 0.037 118.5)
WCAG contrast: on white 17.38:1 (AAA) · on black 1.20:1 (Fail)
Export Steady Forest Empress Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e0e7d4;
--surface: #cdd0ab;
--muted: #beb577;
--primary: #a59857;
--secondary: #84923a;
--accent: #617e2e;
--highlight: #376718;
--border: #1c4817;
--focus: #1f2c01;
--text: #181c07;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e0e7d4;
--color-surface: #cdd0ab;
--color-muted: #beb577;
--color-primary: #a59857;
--color-secondary: #84923a;
--color-accent: #617e2e;
--color-highlight: #376718;
--color-border: #1c4817;
--color-focus: #1f2c01;
--color-text: #181c07;
}JSON (DTCG tokens)
{
"steady-forest-empress-studio-7gp": {
"bg": {
"$type": "color",
"$value": "#e0e7d4"
},
"surface": {
"$type": "color",
"$value": "#cdd0ab"
},
"muted": {
"$type": "color",
"$value": "#beb577"
},
"primary": {
"$type": "color",
"$value": "#a59857"
},
"secondary": {
"$type": "color",
"$value": "#84923a"
},
"accent": {
"$type": "color",
"$value": "#617e2e"
},
"highlight": {
"$type": "color",
"$value": "#376718"
},
"border": {
"$type": "color",
"$value": "#1c4817"
},
"focus": {
"$type": "color",
"$value": "#1f2c01"
},
"text": {
"$type": "color",
"$value": "#181c07"
}
}
}About this palette
Steady Forest Empress Studio is a 10-color OKLCH-ready palette tagged green, 10 colors. Hex values: #E0E7D4, #CDD0AB, #BEB577, #A59857, #84923A, #617E2E, #376718, #1C4817, #1F2C01, #181C07. APCA contrast score Lc 7.8. 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 Forest Empress Studio by OKLab color distance.