Palette · 7 colors · Lc 9.6
True Herbal Studio palette
True Herbal Studio: a 7-color palette (Turquoise, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #00100B, #003A30, #005C3A, #009463, #00B28D, #88E2C3, #D7F7E8, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#00100B
surface
#003A30
muted
#005C3A
primary
#009463
secondary
#00B28D
accent
#88E2C3
text
#D7F7E8
Colors in True Herbal Studio: HEX, RGB, HSL & OKLCH
- #00100B color page →
bg
#00100B
- RGB
- rgb(0 16 11)
- HSL
- hsl(161 100% 3%)
- OKLCH
- oklch(0.154 0.029 173.7)
WCAG contrast: on white 19.46:1 (AAA) · on black 1.07:1 (Fail)
- #003A30 color page →
surface
#003A30
- RGB
- rgb(0 58 48)
- HSL
- hsl(170 100% 11%)
- OKLCH
- oklch(0.312 0.058 176.9)
WCAG contrast: on white 12.74:1 (AAA) · on black 1.64:1 (Fail)
- #005C3A color page →
muted
#005C3A
- RGB
- rgb(0 92 58)
- HSL
- hsl(158 100% 18%)
- OKLCH
- oklch(0.419 0.095 159.8)
WCAG contrast: on white 8.10:1 (AAA) · on black 2.59:1 (Fail)
- #009463 color page →
primary
#009463
- RGB
- rgb(0 148 99)
- HSL
- hsl(160 100% 29%)
- OKLCH
- oklch(0.589 0.131 161.1)
WCAG contrast: on white 3.87:1 (Fail) · on black 5.41:1 (AA)
- #00B28D color page →
secondary
#00B28D
- RGB
- rgb(0 178 141)
- HSL
- hsl(168 100% 35%)
- OKLCH
- oklch(0.68 0.133 170.9)
WCAG contrast: on white 2.70:1 (Fail) · on black 7.75:1 (AAA)
- #88E2C3 color page →
accent
#88E2C3
- RGB
- rgb(136 226 195)
- HSL
- hsl(159 61% 71%)
- OKLCH
- oklch(0.848 0.098 169.9)
WCAG contrast: on white 1.53:1 (Fail) · on black 13.71:1 (AAA)
- #D7F7E8 color page →
text
#D7F7E8
- RGB
- rgb(215 247 232)
- HSL
- hsl(152 67% 91%)
- OKLCH
- oklch(0.949 0.039 165.6)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.35:1 (AAA)
Export True Herbal Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #00100b;
--surface: #003a30;
--muted: #005c3a;
--primary: #009463;
--secondary: #00b28d;
--accent: #88e2c3;
--text: #d7f7e8;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #00100b;
--color-surface: #003a30;
--color-muted: #005c3a;
--color-primary: #009463;
--color-secondary: #00b28d;
--color-accent: #88e2c3;
--color-text: #d7f7e8;
}JSON (DTCG tokens)
{
"true-herbal-studio-an": {
"bg": {
"$type": "color",
"$value": "#00100b"
},
"surface": {
"$type": "color",
"$value": "#003a30"
},
"muted": {
"$type": "color",
"$value": "#005c3a"
},
"primary": {
"$type": "color",
"$value": "#009463"
},
"secondary": {
"$type": "color",
"$value": "#00b28d"
},
"accent": {
"$type": "color",
"$value": "#88e2c3"
},
"text": {
"$type": "color",
"$value": "#d7f7e8"
}
}
}About this palette
True Herbal Studio is a 7-color OKLCH-ready palette tagged turquoise, cold, 7 colors. Hex values: #00100B, #003A30, #005C3A, #009463, #00B28D, #88E2C3, #D7F7E8. APCA contrast score Lc 9.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 True Herbal Studio by OKLab color distance.