Palette · 6 colors · Lc 8.6
Classic Herbal Ember palette
Classic Herbal Ember: a 6-color palette (Turquoise, Cold, 6 Colors). HEX, RGB, HSL and OKLCH for #DEF3EE, #89C5A0, #2DA880, #007E7B, #005354, #001C14, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DEF3EE
surface
#89C5A0
muted
#2DA880
primary
#007E7B
accent
#005354
text
#001C14
Colors in Classic Herbal Ember: HEX, RGB, HSL & OKLCH
- #DEF3EE color page →
bg
#DEF3EE
- RGB
- rgb(222 243 238)
- HSL
- hsl(166 47% 91%)
- OKLCH
- oklch(0.947 0.023 179.9)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.16:1 (AAA)
- #89C5A0 color page →
surface
#89C5A0
- RGB
- rgb(137 197 160)
- HSL
- hsl(143 34% 65%)
- OKLCH
- oklch(0.772 0.082 156.8)
WCAG contrast: on white 1.98:1 (Fail) · on black 10.55:1 (AAA)
- #2DA880 color page →
muted
#2DA880
- RGB
- rgb(45 168 128)
- HSL
- hsl(160 58% 42%)
- OKLCH
- oklch(0.655 0.122 166.4)
WCAG contrast: on white 2.98:1 (Fail) · on black 7.02:1 (AAA)
- #007E7B color page →
primary
#007E7B
- RGB
- rgb(0 126 123)
- HSL
- hsl(179 100% 25%)
- OKLCH
- oklch(0.536 0.092 191.8)
WCAG contrast: on white 4.91:1 (AA) · on black 4.27:1 (Fail)
- #005354 color page →
accent
#005354
- RGB
- rgb(0 83 84)
- HSL
- hsl(181 100% 16%)
- OKLCH
- oklch(0.401 0.068 196.2)
WCAG contrast: on white 8.87:1 (AAA) · on black 2.36:1 (Fail)
- #001C14 color page →
text
#001C14
- RGB
- rgb(0 28 20)
- HSL
- hsl(163 100% 5%)
- OKLCH
- oklch(0.202 0.039 171.2)
WCAG contrast: on white 17.85:1 (AAA) · on black 1.17:1 (Fail)
Export Classic Herbal Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #def3ee;
--surface: #89c5a0;
--muted: #2da880;
--primary: #007e7b;
--accent: #005354;
--text: #001c14;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #def3ee;
--color-surface: #89c5a0;
--color-muted: #2da880;
--color-primary: #007e7b;
--color-accent: #005354;
--color-text: #001c14;
}JSON (DTCG tokens)
{
"classic-herbal-ember-5ia": {
"bg": {
"$type": "color",
"$value": "#def3ee"
},
"surface": {
"$type": "color",
"$value": "#89c5a0"
},
"muted": {
"$type": "color",
"$value": "#2da880"
},
"primary": {
"$type": "color",
"$value": "#007e7b"
},
"accent": {
"$type": "color",
"$value": "#005354"
},
"text": {
"$type": "color",
"$value": "#001c14"
}
}
}About this palette
Classic Herbal Ember is a 6-color OKLCH-ready palette tagged turquoise, cold, 6 colors. Hex values: #DEF3EE, #89C5A0, #2DA880, #007E7B, #005354, #001C14. APCA contrast score Lc 8.6. 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 Classic Herbal Ember by OKLab color distance.