Palette · 9 colors · Lc 7.7
True Elf Ember palette
True Elf Ember: a 9-color palette (Turquoise, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #DAE3E0, #A8D8C5, #89C39F, #56A882, #008B71, #006F66, #005B57, #003C30, #001D13, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DAE3E0
surface
#A8D8C5
muted
#89C39F
primary
#56A882
secondary
#008B71
accent
#006F66
highlight
#005B57
border
#003C30
text
#001D13
Colors in True Elf Ember: HEX, RGB, HSL & OKLCH
- #DAE3E0 color page →
bg
#DAE3E0
- RGB
- rgb(218 227 224)
- HSL
- hsl(160 14% 87%)
- OKLCH
- oklch(0.908 0.01 174.2)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.04:1 (AAA)
- #A8D8C5 color page →
surface
#A8D8C5
- RGB
- rgb(168 216 197)
- HSL
- hsl(156 38% 75%)
- OKLCH
- oklch(0.843 0.057 168.8)
WCAG contrast: on white 1.57:1 (Fail) · on black 13.29:1 (AAA)
- #89C39F color page →
muted
#89C39F
- RGB
- rgb(137 195 159)
- HSL
- hsl(143 33% 65%)
- OKLCH
- oklch(0.767 0.079 156.7)
WCAG contrast: on white 2.02:1 (Fail) · on black 10.37:1 (AAA)
- #56A882 color page →
primary
#56A882
- RGB
- rgb(86 168 130)
- HSL
- hsl(152 32% 50%)
- OKLCH
- oklch(0.669 0.099 161.9)
WCAG contrast: on white 2.86:1 (Fail) · on black 7.31:1 (AAA)
- #008B71 color page →
secondary
#008B71
- RGB
- rgb(0 139 113)
- HSL
- hsl(169 100% 27%)
- OKLCH
- oklch(0.568 0.109 173.4)
WCAG contrast: on white 4.25:1 (Fail) · on black 4.93:1 (AA)
- #006F66 color page →
accent
#006F66
- RGB
- rgb(0 111 102)
- HSL
- hsl(175 100% 22%)
- OKLCH
- oklch(0.487 0.086 185.1)
WCAG contrast: on white 6.05:1 (AA) · on black 3.46:1 (Fail)
- #005B57 color page →
highlight
#005B57
- RGB
- rgb(0 91 87)
- HSL
- hsl(177 100% 18%)
- OKLCH
- oklch(0.425 0.073 189.6)
WCAG contrast: on white 7.97:1 (AAA) · on black 2.63:1 (Fail)
- #003C30 color page →
border
#003C30
- RGB
- rgb(0 60 48)
- HSL
- hsl(168 100% 12%)
- OKLCH
- oklch(0.318 0.06 174.2)
WCAG contrast: on white 12.43:1 (AAA) · on black 1.68:1 (Fail)
- #001D13 color page →
text
#001D13
- RGB
- rgb(0 29 19)
- HSL
- hsl(159 100% 6%)
- OKLCH
- oklch(0.205 0.042 167.1)
WCAG contrast: on white 17.71:1 (AAA) · on black 1.18:1 (Fail)
Export True Elf Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dae3e0;
--surface: #a8d8c5;
--muted: #89c39f;
--primary: #56a882;
--secondary: #008b71;
--accent: #006f66;
--highlight: #005b57;
--border: #003c30;
--text: #001d13;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dae3e0;
--color-surface: #a8d8c5;
--color-muted: #89c39f;
--color-primary: #56a882;
--color-secondary: #008b71;
--color-accent: #006f66;
--color-highlight: #005b57;
--color-border: #003c30;
--color-text: #001d13;
}JSON (DTCG tokens)
{
"true-elf-ember-6f3": {
"bg": {
"$type": "color",
"$value": "#dae3e0"
},
"surface": {
"$type": "color",
"$value": "#a8d8c5"
},
"muted": {
"$type": "color",
"$value": "#89c39f"
},
"primary": {
"$type": "color",
"$value": "#56a882"
},
"secondary": {
"$type": "color",
"$value": "#008b71"
},
"accent": {
"$type": "color",
"$value": "#006f66"
},
"highlight": {
"$type": "color",
"$value": "#005b57"
},
"border": {
"$type": "color",
"$value": "#003c30"
},
"text": {
"$type": "color",
"$value": "#001d13"
}
}
}About this palette
True Elf Ember is a 9-color OKLCH-ready palette tagged turquoise, cold, 9 colors. Hex values: #DAE3E0, #A8D8C5, #89C39F, #56A882, #008B71, #006F66, #005B57, #003C30, #001D13. APCA contrast score Lc 7.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 True Elf Ember by OKLab color distance.