Palette · 10 colors · Lc 8.4
Steady Hobgoblin Signal palette
Steady Hobgoblin Signal: a 10-color palette (Turquoise, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #DAE9E8, #9CE6DA, #60CEAE, #00B89B, #00A89F, #008A95, #00708C, #005072, #00313F, #002121, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DAE9E8
surface
#9CE6DA
muted
#60CEAE
primary
#00B89B
secondary
#00A89F
accent
#008A95
highlight
#00708C
border
#005072
focus
#00313F
text
#002121
Colors in Steady Hobgoblin Signal: HEX, RGB, HSL & OKLCH
- #DAE9E8 color page →
bg
#DAE9E8
- RGB
- rgb(218 233 232)
- HSL
- hsl(176 25% 88%)
- OKLCH
- oklch(0.923 0.016 192.1)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.80:1 (AAA)
- #9CE6DA color page →
surface
#9CE6DA
- RGB
- rgb(156 230 218)
- HSL
- hsl(170 60% 76%)
- OKLCH
- oklch(0.873 0.075 183.3)
WCAG contrast: on white 1.42:1 (Fail) · on black 14.74:1 (AAA)
- #60CEAE color page →
muted
#60CEAE
- RGB
- rgb(96 206 174)
- HSL
- hsl(163 53% 59%)
- OKLCH
- oklch(0.778 0.112 171.7)
WCAG contrast: on white 1.92:1 (Fail) · on black 10.93:1 (AAA)
- #00B89B color page →
primary
#00B89B
- RGB
- rgb(0 184 155)
- HSL
- hsl(171 100% 36%)
- OKLCH
- oklch(0.699 0.131 176)
WCAG contrast: on white 2.52:1 (Fail) · on black 8.32:1 (AAA)
- #00A89F color page →
secondary
#00A89F
- RGB
- rgb(0 168 159)
- HSL
- hsl(177 100% 33%)
- OKLCH
- oklch(0.659 0.115 188.1)
WCAG contrast: on white 2.95:1 (Fail) · on black 7.10:1 (AAA)
- #008A95 color page →
accent
#008A95
- RGB
- rgb(0 138 149)
- HSL
- hsl(184 100% 29%)
- OKLCH
- oklch(0.578 0.099 204.7)
WCAG contrast: on white 4.14:1 (Fail) · on black 5.06:1 (AA)
- #00708C color page →
highlight
#00708C
- RGB
- rgb(0 112 140)
- HSL
- hsl(192 100% 27%)
- OKLCH
- oklch(0.506 0.094 223)
WCAG contrast: on white 5.68:1 (AA) · on black 3.69:1 (Fail)
- #005072 color page →
border
#005072
- RGB
- rgb(0 80 114)
- HSL
- hsl(198 100% 22%)
- OKLCH
- oklch(0.408 0.087 235.6)
WCAG contrast: on white 8.78:1 (AAA) · on black 2.39:1 (Fail)
- #00313F color page →
focus
#00313F
- RGB
- rgb(0 49 63)
- HSL
- hsl(193 100% 12%)
- OKLCH
- oklch(0.291 0.054 223)
WCAG contrast: on white 13.89:1 (AAA) · on black 1.51:1 (Fail)
- #002121 color page →
text
#002121
- RGB
- rgb(0 33 33)
- HSL
- hsl(180 100% 6%)
- OKLCH
- oklch(0.224 0.038 194.8)
WCAG contrast: on white 16.94:1 (AAA) · on black 1.23:1 (Fail)
Export Steady Hobgoblin Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dae9e8;
--surface: #9ce6da;
--muted: #60ceae;
--primary: #00b89b;
--secondary: #00a89f;
--accent: #008a95;
--highlight: #00708c;
--border: #005072;
--focus: #00313f;
--text: #002121;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dae9e8;
--color-surface: #9ce6da;
--color-muted: #60ceae;
--color-primary: #00b89b;
--color-secondary: #00a89f;
--color-accent: #008a95;
--color-highlight: #00708c;
--color-border: #005072;
--color-focus: #00313f;
--color-text: #002121;
}JSON (DTCG tokens)
{
"steady-hobgoblin-signal-7o6": {
"bg": {
"$type": "color",
"$value": "#dae9e8"
},
"surface": {
"$type": "color",
"$value": "#9ce6da"
},
"muted": {
"$type": "color",
"$value": "#60ceae"
},
"primary": {
"$type": "color",
"$value": "#00b89b"
},
"secondary": {
"$type": "color",
"$value": "#00a89f"
},
"accent": {
"$type": "color",
"$value": "#008a95"
},
"highlight": {
"$type": "color",
"$value": "#00708c"
},
"border": {
"$type": "color",
"$value": "#005072"
},
"focus": {
"$type": "color",
"$value": "#00313f"
},
"text": {
"$type": "color",
"$value": "#002121"
}
}
}About this palette
Steady Hobgoblin Signal is a 10-color OKLCH-ready palette tagged turquoise, cold, 10 colors. Hex values: #DAE9E8, #9CE6DA, #60CEAE, #00B89B, #00A89F, #008A95, #00708C, #005072, #00313F, #002121. 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 Steady Hobgoblin Signal by OKLab color distance.