Palette · 10 colors · Lc 9.4
True Haunt Mist Bloom palette
True Haunt Mist Bloom: a 10-color palette (Violet, Gray, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #0B0B14, #171829, #29324D, #3C4867, #57648A, #707B9A, #8B97B1, #AFBDDC, #CFD9E8, #F3F7FF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#0B0B14
surface
#171829
muted
#29324D
primary
#3C4867
secondary
#57648A
accent
#707B9A
highlight
#8B97B1
border
#AFBDDC
focus
#CFD9E8
text
#F3F7FF
Colors in True Haunt Mist Bloom: HEX, RGB, HSL & OKLCH
- #0B0B14 color page →
bg
#0B0B14
- RGB
- rgb(11 11 20)
- HSL
- hsl(240 29% 6%)
- OKLCH
- oklch(0.155 0.019 283.9)
WCAG contrast: on white 19.58:1 (AAA) · on black 1.07:1 (Fail)
- #171829 color page →
surface
#171829
- RGB
- rgb(23 24 41)
- HSL
- hsl(237 28% 13%)
- OKLCH
- oklch(0.217 0.033 280.7)
WCAG contrast: on white 17.51:1 (AAA) · on black 1.19:1 (Fail)
- #29324D color page →
muted
#29324D
- RGB
- rgb(41 50 77)
- HSL
- hsl(225 31% 23%)
- OKLCH
- oklch(0.322 0.05 269.4)
WCAG contrast: on white 12.66:1 (AAA) · on black 1.65:1 (Fail)
- #3C4867 color page →
primary
#3C4867
- RGB
- rgb(60 72 103)
- HSL
- hsl(223 26% 32%)
- OKLCH
- oklch(0.405 0.055 267.7)
WCAG contrast: on white 9.07:1 (AAA) · on black 2.31:1 (Fail)
- #57648A color page →
secondary
#57648A
- RGB
- rgb(87 100 138)
- HSL
- hsl(225 23% 44%)
- OKLCH
- oklch(0.508 0.063 269.5)
WCAG contrast: on white 5.84:1 (AA) · on black 3.59:1 (Fail)
- #707B9A color page →
accent
#707B9A
- RGB
- rgb(112 123 154)
- HSL
- hsl(224 17% 52%)
- OKLCH
- oklch(0.585 0.049 269.6)
WCAG contrast: on white 4.20:1 (Fail) · on black 4.98:1 (AA)
- #8B97B1 color page →
highlight
#8B97B1
- RGB
- rgb(139 151 177)
- HSL
- hsl(221 20% 62%)
- OKLCH
- oklch(0.676 0.041 265.7)
WCAG contrast: on white 2.93:1 (Fail) · on black 7.15:1 (AAA)
- #AFBDDC color page →
border
#AFBDDC
- RGB
- rgb(175 189 220)
- HSL
- hsl(221 39% 77%)
- OKLCH
- oklch(0.798 0.047 266.1)
WCAG contrast: on white 1.88:1 (Fail) · on black 11.13:1 (AAA)
- #CFD9E8 color page →
focus
#CFD9E8
- RGB
- rgb(207 217 232)
- HSL
- hsl(216 35% 86%)
- OKLCH
- oklch(0.882 0.023 258.4)
WCAG contrast: on white 1.42:1 (Fail) · on black 14.74:1 (AAA)
- #F3F7FF color page →
text
#F3F7FF
- RGB
- rgb(243 247 255)
- HSL
- hsl(220 100% 98%)
- OKLCH
- oklch(0.975 0.011 264.5)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.55:1 (AAA)
Export True Haunt Mist Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0b0b14;
--surface: #171829;
--muted: #29324d;
--primary: #3c4867;
--secondary: #57648a;
--accent: #707b9a;
--highlight: #8b97b1;
--border: #afbddc;
--focus: #cfd9e8;
--text: #f3f7ff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0b0b14;
--color-surface: #171829;
--color-muted: #29324d;
--color-primary: #3c4867;
--color-secondary: #57648a;
--color-accent: #707b9a;
--color-highlight: #8b97b1;
--color-border: #afbddc;
--color-focus: #cfd9e8;
--color-text: #f3f7ff;
}JSON (DTCG tokens)
{
"true-haunt-mist-bloom-6rm": {
"bg": {
"$type": "color",
"$value": "#0b0b14"
},
"surface": {
"$type": "color",
"$value": "#171829"
},
"muted": {
"$type": "color",
"$value": "#29324d"
},
"primary": {
"$type": "color",
"$value": "#3c4867"
},
"secondary": {
"$type": "color",
"$value": "#57648a"
},
"accent": {
"$type": "color",
"$value": "#707b9a"
},
"highlight": {
"$type": "color",
"$value": "#8b97b1"
},
"border": {
"$type": "color",
"$value": "#afbddc"
},
"focus": {
"$type": "color",
"$value": "#cfd9e8"
},
"text": {
"$type": "color",
"$value": "#f3f7ff"
}
}
}About this palette
True Haunt Mist Bloom is a 10-color OKLCH-ready palette tagged violet, gray, cold, 10 colors. Hex values: #0B0B14, #171829, #29324D, #3C4867, #57648A, #707B9A, #8B97B1, #AFBDDC, #CFD9E8, #F3F7FF. APCA contrast score Lc 9.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 True Haunt Mist Bloom by OKLab color distance.