Palette · 6 colors · Lc 8.4
Herbal Studio palette
Herbal Studio: a 6-color palette (Turquoise, Cold, 6 Colors). HEX, RGB, HSL and OKLCH for #E3EBE9, #8DCCA6, #22A883, #008180, #00464E, #001B18, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E3EBE9
surface
#8DCCA6
muted
#22A883
primary
#008180
accent
#00464E
text
#001B18
Colors in Herbal Studio: HEX, RGB, HSL & OKLCH
- #E3EBE9 color page →
bg
#E3EBE9
- RGB
- rgb(227 235 233)
- HSL
- hsl(165 17% 91%)
- OKLCH
- oklch(0.933 0.009 179.6)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.32:1 (AAA)
- #8DCCA6 color page →
surface
#8DCCA6
- RGB
- rgb(141 204 166)
- HSL
- hsl(144 38% 68%)
- OKLCH
- oklch(0.792 0.084 157.4)
WCAG contrast: on white 1.85:1 (Fail) · on black 11.32:1 (AAA)
- #22A883 color page →
muted
#22A883
- RGB
- rgb(34 168 131)
- HSL
- hsl(163 66% 40%)
- OKLCH
- oklch(0.654 0.123 168.8)
WCAG contrast: on white 3.00:1 (Fail) · on black 6.99:1 (AA)
- #008180 color page →
primary
#008180
- RGB
- rgb(0 129 128)
- HSL
- hsl(180 100% 25%)
- OKLCH
- oklch(0.546 0.093 193.8)
WCAG contrast: on white 4.71:1 (AA) · on black 4.45:1 (Fail)
- #00464E color page →
accent
#00464E
- RGB
- rgb(0 70 78)
- HSL
- hsl(186 100% 15%)
- OKLCH
- oklch(0.36 0.062 207.7)
WCAG contrast: on white 10.57:1 (AAA) · on black 1.98:1 (Fail)
- #001B18 color page →
text
#001B18
- RGB
- rgb(0 27 24)
- HSL
- hsl(173 100% 5%)
- OKLCH
- oklch(0.2 0.035 185)
WCAG contrast: on white 17.94:1 (AAA) · on black 1.16:1 (Fail)
Export Herbal Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3ebe9;
--surface: #8dcca6;
--muted: #22a883;
--primary: #008180;
--accent: #00464e;
--text: #001b18;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3ebe9;
--color-surface: #8dcca6;
--color-muted: #22a883;
--color-primary: #008180;
--color-accent: #00464e;
--color-text: #001b18;
}JSON (DTCG tokens)
{
"herbal-studio-1h9": {
"bg": {
"$type": "color",
"$value": "#e3ebe9"
},
"surface": {
"$type": "color",
"$value": "#8dcca6"
},
"muted": {
"$type": "color",
"$value": "#22a883"
},
"primary": {
"$type": "color",
"$value": "#008180"
},
"accent": {
"$type": "color",
"$value": "#00464e"
},
"text": {
"$type": "color",
"$value": "#001b18"
}
}
}About this palette
Herbal Studio is a 6-color OKLCH-ready palette tagged turquoise, cold, 6 colors. Hex values: #E3EBE9, #8DCCA6, #22A883, #008180, #00464E, #001B18. APCA contrast score Lc 8.4. 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 Herbal Studio by OKLab color distance.