Palette · 7 colors · Lc 9.7
Herbal Bloom palette
Herbal Bloom: a 7-color palette (Turquoise, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #E6F7EF, #A0DCC3, #4DA88A, #007D6D, #005C4B, #00322D, #000907, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E6F7EF
surface
#A0DCC3
muted
#4DA88A
primary
#007D6D
secondary
#005C4B
accent
#00322D
text
#000907
Colors in Herbal Bloom: HEX, RGB, HSL & OKLCH
- #E6F7EF color page →
bg
#E6F7EF
- RGB
- rgb(230 247 239)
- HSL
- hsl(152 52% 94%)
- OKLCH
- oklch(0.961 0.021 166.1)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.91:1 (AAA)
- #A0DCC3 color page →
surface
#A0DCC3
- RGB
- rgb(160 220 195)
- HSL
- hsl(155 46% 75%)
- OKLCH
- oklch(0.847 0.071 167)
WCAG contrast: on white 1.55:1 (Fail) · on black 13.52:1 (AAA)
- #4DA88A color page →
muted
#4DA88A
- RGB
- rgb(77 168 138)
- HSL
- hsl(160 37% 48%)
- OKLCH
- oklch(0.667 0.099 169)
WCAG contrast: on white 2.88:1 (Fail) · on black 7.28:1 (AAA)
- #007D6D color page →
primary
#007D6D
- RGB
- rgb(0 125 109)
- HSL
- hsl(172 100% 25%)
- OKLCH
- oklch(0.528 0.096 179.7)
WCAG contrast: on white 5.05:1 (AA) · on black 4.15:1 (Fail)
- #005C4B color page →
secondary
#005C4B
- RGB
- rgb(0 92 75)
- HSL
- hsl(169 100% 18%)
- OKLCH
- oklch(0.424 0.08 174.4)
WCAG contrast: on white 7.97:1 (AAA) · on black 2.63:1 (Fail)
- #00322D color page →
accent
#00322D
- RGB
- rgb(0 50 45)
- HSL
- hsl(174 100% 10%)
- OKLCH
- oklch(0.285 0.05 184.3)
WCAG contrast: on white 14.05:1 (AAA) · on black 1.49:1 (Fail)
- #000907 color page →
text
#000907
- RGB
- rgb(0 9 7)
- HSL
- hsl(167 100% 2%)
- OKLCH
- oklch(0.125 0.023 181.6)
WCAG contrast: on white 20.15:1 (AAA) · on black 1.04:1 (Fail)
Export Herbal Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6f7ef;
--surface: #a0dcc3;
--muted: #4da88a;
--primary: #007d6d;
--secondary: #005c4b;
--accent: #00322d;
--text: #000907;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6f7ef;
--color-surface: #a0dcc3;
--color-muted: #4da88a;
--color-primary: #007d6d;
--color-secondary: #005c4b;
--color-accent: #00322d;
--color-text: #000907;
}JSON (DTCG tokens)
{
"herbal-bloom-75f": {
"bg": {
"$type": "color",
"$value": "#e6f7ef"
},
"surface": {
"$type": "color",
"$value": "#a0dcc3"
},
"muted": {
"$type": "color",
"$value": "#4da88a"
},
"primary": {
"$type": "color",
"$value": "#007d6d"
},
"secondary": {
"$type": "color",
"$value": "#005c4b"
},
"accent": {
"$type": "color",
"$value": "#00322d"
},
"text": {
"$type": "color",
"$value": "#000907"
}
}
}About this palette
Herbal Bloom is a 7-color OKLCH-ready palette tagged turquoise, cold, 7 colors. Hex values: #E6F7EF, #A0DCC3, #4DA88A, #007D6D, #005C4B, #00322D, #000907. APCA contrast score Lc 9.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 Herbal Bloom by OKLab color distance.