Palette · 10 colors · Lc 8.7
Enchanted Forest Ember palette
Enchanted Forest Ember: a 10-color palette (Green, 10 Colors). HEX, RGB, HSL and OKLCH for #ECEFDF, #A7A865, #668100, #008268, #007495, #5264A5, #7D427E, #8F3548, #553315, #0C0C04, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 10 Colors
bg
#ECEFDF
surface
#A7A865
muted
#668100
primary
#008268
secondary
#007495
accent
#5264A5
highlight
#7D427E
border
#8F3548
focus
#553315
text
#0C0C04
Colors in Enchanted Forest Ember: HEX, RGB, HSL & OKLCH
- #ECEFDF color page →
bg
#ECEFDF
- RGB
- rgb(236 239 223)
- HSL
- hsl(71 33% 91%)
- OKLCH
- oklch(0.946 0.021 115.4)
WCAG contrast: on white 1.16:1 (Fail) · on black 17.97:1 (AAA)
- #A7A865 color page →
surface
#A7A865
- RGB
- rgb(167 168 101)
- HSL
- hsl(61 28% 53%)
- OKLCH
- oklch(0.715 0.089 109.2)
WCAG contrast: on white 2.49:1 (Fail) · on black 8.43:1 (AAA)
- #668100 color page →
muted
#668100
- RGB
- rgb(102 129 0)
- HSL
- hsl(73 100% 25%)
- OKLCH
- oklch(0.562 0.138 123)
WCAG contrast: on white 4.46:1 (Fail) · on black 4.70:1 (AA)
- #008268 color page →
primary
#008268
- RGB
- rgb(0 130 104)
- HSL
- hsl(168 100% 25%)
- OKLCH
- oklch(0.54 0.105 172.2)
WCAG contrast: on white 4.78:1 (AA) · on black 4.39:1 (Fail)
- #007495 color page →
secondary
#007495
- RGB
- rgb(0 116 149)
- HSL
- hsl(193 100% 29%)
- OKLCH
- oklch(0.521 0.1 226.3)
WCAG contrast: on white 5.34:1 (AA) · on black 3.93:1 (Fail)
- #5264A5 color page →
accent
#5264A5
- RGB
- rgb(82 100 165)
- HSL
- hsl(227 34% 48%)
- OKLCH
- oklch(0.519 0.105 270.7)
WCAG contrast: on white 5.63:1 (AA) · on black 3.72:1 (Fail)
- #7D427E color page →
highlight
#7D427E
- RGB
- rgb(125 66 126)
- HSL
- hsl(299 31% 38%)
- OKLCH
- oklch(0.475 0.116 326.6)
WCAG contrast: on white 7.11:1 (AAA) · on black 2.95:1 (Fail)
- #8F3548 color page →
border
#8F3548
- RGB
- rgb(143 53 72)
- HSL
- hsl(347 46% 38%)
- OKLCH
- oklch(0.461 0.123 10.4)
WCAG contrast: on white 7.57:1 (AAA) · on black 2.77:1 (Fail)
- #553315 color page →
focus
#553315
- RGB
- rgb(85 51 21)
- HSL
- hsl(28 60% 21%)
- OKLCH
- oklch(0.356 0.065 59.5)
WCAG contrast: on white 11.22:1 (AAA) · on black 1.87:1 (Fail)
- #0C0C04 color page →
text
#0C0C04
- RGB
- rgb(12 12 4)
- HSL
- hsl(60 50% 3%)
- OKLCH
- oklch(0.151 0.019 108.5)
WCAG contrast: on white 19.62:1 (AAA) · on black 1.06:1 (Fail)
Export Enchanted Forest Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ecefdf;
--surface: #a7a865;
--muted: #668100;
--primary: #008268;
--secondary: #007495;
--accent: #5264a5;
--highlight: #7d427e;
--border: #8f3548;
--focus: #553315;
--text: #0c0c04;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ecefdf;
--color-surface: #a7a865;
--color-muted: #668100;
--color-primary: #008268;
--color-secondary: #007495;
--color-accent: #5264a5;
--color-highlight: #7d427e;
--color-border: #8f3548;
--color-focus: #553315;
--color-text: #0c0c04;
}JSON (DTCG tokens)
{
"enchanted-forest-ember-1nq": {
"bg": {
"$type": "color",
"$value": "#ecefdf"
},
"surface": {
"$type": "color",
"$value": "#a7a865"
},
"muted": {
"$type": "color",
"$value": "#668100"
},
"primary": {
"$type": "color",
"$value": "#008268"
},
"secondary": {
"$type": "color",
"$value": "#007495"
},
"accent": {
"$type": "color",
"$value": "#5264a5"
},
"highlight": {
"$type": "color",
"$value": "#7d427e"
},
"border": {
"$type": "color",
"$value": "#8f3548"
},
"focus": {
"$type": "color",
"$value": "#553315"
},
"text": {
"$type": "color",
"$value": "#0c0c04"
}
}
}About this palette
Enchanted Forest Ember is a 10-color OKLCH-ready palette tagged green, 10 colors. Hex values: #ECEFDF, #A7A865, #668100, #008268, #007495, #5264A5, #7D427E, #8F3548, #553315, #0C0C04. APCA contrast score Lc 8.7. 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 Enchanted Forest Ember by OKLab color distance.