Palette · 9 colors · Lc 9.3
Pure Haunt Mist Ribbon palette
Pure Haunt Mist Ribbon: a 9-color palette (Violet, Gray, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #090B11, #16182D, #363F55, #3E4E73, #5C6F9B, #8795B5, #A2B2CC, #C4D1E3, #E7EDF7, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#090B11
surface
#16182D
muted
#363F55
primary
#3E4E73
secondary
#5C6F9B
accent
#8795B5
highlight
#A2B2CC
border
#C4D1E3
text
#E7EDF7
Colors in Pure Haunt Mist Ribbon: HEX, RGB, HSL & OKLCH
- #090B11 color page →
bg
#090B11
- RGB
- rgb(9 11 17)
- HSL
- hsl(225 31% 5%)
- OKLCH
- oklch(0.15 0.013 270.2)
WCAG contrast: on white 19.67:1 (AAA) · on black 1.06:1 (Fail)
- #16182D color page →
surface
#16182D
- RGB
- rgb(22 24 45)
- HSL
- hsl(235 34% 13%)
- OKLCH
- oklch(0.219 0.041 278.3)
WCAG contrast: on white 17.46:1 (AAA) · on black 1.20:1 (Fail)
- #363F55 color page →
muted
#363F55
- RGB
- rgb(54 63 85)
- HSL
- hsl(223 22% 27%)
- OKLCH
- oklch(0.369 0.04 267.2)
WCAG contrast: on white 10.50:1 (AAA) · on black 1.99:1 (Fail)
- #3E4E73 color page →
primary
#3E4E73
- RGB
- rgb(62 78 115)
- HSL
- hsl(222 30% 35%)
- OKLCH
- oklch(0.427 0.065 265.8)
WCAG contrast: on white 8.26:1 (AAA) · on black 2.54:1 (Fail)
- #5C6F9B color page →
secondary
#5C6F9B
- RGB
- rgb(92 111 155)
- HSL
- hsl(222 26% 48%)
- OKLCH
- oklch(0.545 0.073 266.1)
WCAG contrast: on white 4.99:1 (AA) · on black 4.20:1 (Fail)
- #8795B5 color page →
accent
#8795B5
- RGB
- rgb(135 149 181)
- HSL
- hsl(222 24% 62%)
- OKLCH
- oklch(0.67 0.05 266.5)
WCAG contrast: on white 3.00:1 (Fail) · on black 6.99:1 (AA)
- #A2B2CC color page →
highlight
#A2B2CC
- RGB
- rgb(162 178 204)
- HSL
- hsl(217 29% 72%)
- OKLCH
- oklch(0.76 0.041 260.1)
WCAG contrast: on white 2.14:1 (Fail) · on black 9.77:1 (AAA)
- #C4D1E3 color page →
border
#C4D1E3
- RGB
- rgb(196 209 227)
- HSL
- hsl(215 36% 83%)
- OKLCH
- oklch(0.856 0.029 256.5)
WCAG contrast: on white 1.54:1 (Fail) · on black 13.57:1 (AAA)
- #E7EDF7 color page →
text
#E7EDF7
- RGB
- rgb(231 237 247)
- HSL
- hsl(217 50% 94%)
- OKLCH
- oklch(0.944 0.015 260.7)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.85:1 (AAA)
Export Pure Haunt Mist Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #090b11;
--surface: #16182d;
--muted: #363f55;
--primary: #3e4e73;
--secondary: #5c6f9b;
--accent: #8795b5;
--highlight: #a2b2cc;
--border: #c4d1e3;
--text: #e7edf7;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #090b11;
--color-surface: #16182d;
--color-muted: #363f55;
--color-primary: #3e4e73;
--color-secondary: #5c6f9b;
--color-accent: #8795b5;
--color-highlight: #a2b2cc;
--color-border: #c4d1e3;
--color-text: #e7edf7;
}JSON (DTCG tokens)
{
"pure-haunt-mist-ribbon-38i": {
"bg": {
"$type": "color",
"$value": "#090b11"
},
"surface": {
"$type": "color",
"$value": "#16182d"
},
"muted": {
"$type": "color",
"$value": "#363f55"
},
"primary": {
"$type": "color",
"$value": "#3e4e73"
},
"secondary": {
"$type": "color",
"$value": "#5c6f9b"
},
"accent": {
"$type": "color",
"$value": "#8795b5"
},
"highlight": {
"$type": "color",
"$value": "#a2b2cc"
},
"border": {
"$type": "color",
"$value": "#c4d1e3"
},
"text": {
"$type": "color",
"$value": "#e7edf7"
}
}
}About this palette
Pure Haunt Mist Ribbon is a 9-color OKLCH-ready palette tagged violet, gray, cold, 9 colors. Hex values: #090B11, #16182D, #363F55, #3E4E73, #5C6F9B, #8795B5, #A2B2CC, #C4D1E3, #E7EDF7. APCA contrast score Lc 9.3. 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 Pure Haunt Mist Ribbon by OKLab color distance.