Palette · 4 colors · Lc 9.5
Steady Herbal Brief palette
Steady Herbal Brief: a 4-color palette (Trending, Turquoise, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #DEF1EA, #40AF8A, #006447, #00120B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DEF1EA
surface
#40AF8A
accent
#006447
text
#00120B
Colors in Steady Herbal Brief: HEX, RGB, HSL & OKLCH
- #DEF1EA color page →
bg
#DEF1EA
- RGB
- rgb(222 241 234)
- HSL
- hsl(158 40% 91%)
- OKLCH
- oklch(0.942 0.022 171.8)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.87:1 (AAA)
- #40AF8A color page →
surface
#40AF8A
- RGB
- rgb(64 175 138)
- HSL
- hsl(160 46% 47%)
- OKLCH
- oklch(0.681 0.115 167.4)
WCAG contrast: on white 2.72:1 (Fail) · on black 7.71:1 (AAA)
- #006447 color page →
accent
#006447
- RGB
- rgb(0 100 71)
- HSL
- hsl(163 100% 20%)
- OKLCH
- oklch(0.446 0.094 165.1)
WCAG contrast: on white 7.20:1 (AAA) · on black 2.91:1 (Fail)
- #00120B color page →
text
#00120B
- RGB
- rgb(0 18 11)
- HSL
- hsl(157 100% 4%)
- OKLCH
- oklch(0.162 0.033 168.4)
WCAG contrast: on white 19.24:1 (AAA) · on black 1.09:1 (Fail)
Export Steady Herbal Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #def1ea;
--surface: #40af8a;
--accent: #006447;
--text: #00120b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #def1ea;
--color-surface: #40af8a;
--color-accent: #006447;
--color-text: #00120b;
}JSON (DTCG tokens)
{
"steady-herbal-brief-2aw": {
"bg": {
"$type": "color",
"$value": "#def1ea"
},
"surface": {
"$type": "color",
"$value": "#40af8a"
},
"accent": {
"$type": "color",
"$value": "#006447"
},
"text": {
"$type": "color",
"$value": "#00120b"
}
}
}About this palette
Steady Herbal Brief is a 4-color OKLCH-ready palette tagged trending, turquoise, cold, 4 colors. Hex values: #DEF1EA, #40AF8A, #006447, #00120B. APCA contrast score Lc 9.5. 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 Steady Herbal Brief by OKLab color distance.