Palette · 9 colors · Lc 10
True Hobgoblin Noir palette
True Hobgoblin Noir: a 9-color palette (Trending, Turquoise, Cold, Monochromatic). HEX, RGB, HSL and OKLCH for #E0FFF4, #A3E9D2, #65BF9E, #0CB092, #008C6F, #006B4D, #00492F, #002618, #001009, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E0FFF4
surface
#A3E9D2
muted
#65BF9E
primary
#0CB092
secondary
#008C6F
accent
#006B4D
highlight
#00492F
border
#002618
text
#001009
Colors in True Hobgoblin Noir: HEX, RGB, HSL & OKLCH
- #E0FFF4 color page →
bg
#E0FFF4
- RGB
- rgb(224 255 244)
- HSL
- hsl(159 100% 94%)
- OKLCH
- oklch(0.975 0.035 172.2)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.77:1 (AAA)
- #A3E9D2 color page →
surface
#A3E9D2
- RGB
- rgb(163 233 210)
- HSL
- hsl(160 61% 78%)
- OKLCH
- oklch(0.881 0.077 172)
WCAG contrast: on white 1.38:1 (Fail) · on black 15.14:1 (AAA)
- #65BF9E color page →
muted
#65BF9E
- RGB
- rgb(101 191 158)
- HSL
- hsl(158 41% 57%)
- OKLCH
- oklch(0.739 0.1 167.6)
WCAG contrast: on white 2.21:1 (Fail) · on black 9.49:1 (AAA)
- #0CB092 color page →
primary
#0CB092
- RGB
- rgb(12 176 146)
- HSL
- hsl(169 87% 37%)
- OKLCH
- oklch(0.677 0.127 174.5)
WCAG contrast: on white 2.74:1 (Fail) · on black 7.64:1 (AAA)
- #008C6F color page →
secondary
#008C6F
- RGB
- rgb(0 140 111)
- HSL
- hsl(168 100% 27%)
- OKLCH
- oklch(0.57 0.111 171.4)
WCAG contrast: on white 4.21:1 (Fail) · on black 4.98:1 (AA)
- #006B4D color page →
accent
#006B4D
- RGB
- rgb(0 107 77)
- HSL
- hsl(163 100% 21%)
- OKLCH
- oklch(0.468 0.098 165.6)
WCAG contrast: on white 6.54:1 (AA) · on black 3.21:1 (Fail)
- #00492F color page →
highlight
#00492F
- RGB
- rgb(0 73 47)
- HSL
- hsl(159 100% 14%)
- OKLCH
- oklch(0.358 0.079 161.4)
WCAG contrast: on white 10.53:1 (AAA) · on black 1.99:1 (Fail)
- #002618 color page →
border
#002618
- RGB
- rgb(0 38 24)
- HSL
- hsl(158 100% 7%)
- OKLCH
- oklch(0.238 0.051 163.8)
WCAG contrast: on white 16.27:1 (AAA) · on black 1.29:1 (Fail)
- #001009 color page →
text
#001009
- RGB
- rgb(0 16 9)
- HSL
- hsl(154 100% 3%)
- OKLCH
- oklch(0.154 0.032 166.9)
WCAG contrast: on white 19.47:1 (AAA) · on black 1.07:1 (Fail)
Export True Hobgoblin Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e0fff4;
--surface: #a3e9d2;
--muted: #65bf9e;
--primary: #0cb092;
--secondary: #008c6f;
--accent: #006b4d;
--highlight: #00492f;
--border: #002618;
--text: #001009;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e0fff4;
--color-surface: #a3e9d2;
--color-muted: #65bf9e;
--color-primary: #0cb092;
--color-secondary: #008c6f;
--color-accent: #006b4d;
--color-highlight: #00492f;
--color-border: #002618;
--color-text: #001009;
}JSON (DTCG tokens)
{
"true-hobgoblin-noir-pw": {
"bg": {
"$type": "color",
"$value": "#e0fff4"
},
"surface": {
"$type": "color",
"$value": "#a3e9d2"
},
"muted": {
"$type": "color",
"$value": "#65bf9e"
},
"primary": {
"$type": "color",
"$value": "#0cb092"
},
"secondary": {
"$type": "color",
"$value": "#008c6f"
},
"accent": {
"$type": "color",
"$value": "#006b4d"
},
"highlight": {
"$type": "color",
"$value": "#00492f"
},
"border": {
"$type": "color",
"$value": "#002618"
},
"text": {
"$type": "color",
"$value": "#001009"
}
}
}About this palette
True Hobgoblin Noir is a 9-color OKLCH-ready palette tagged trending, turquoise, cold, monochromatic, 9 colors. Hex values: #E0FFF4, #A3E9D2, #65BF9E, #0CB092, #008C6F, #006B4D, #00492F, #002618, #001009. APCA contrast score Lc 10. 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 Hobgoblin Noir by OKLab color distance.