Palette · 7 colors · Lc 9.6
True Haunt Mist Mirror palette
True Haunt Mist Mirror: a 7-color palette (Violet, Gray, Cold, Monochromatic). HEX, RGB, HSL and OKLCH for #F5F8FF, #BAC3DF, #849BC6, #5A6A98, #435172, #262D3F, #04070D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Violet
- Gray
- Cold
- Monochromatic
- 7 Colors
bg
#F5F8FF
surface
#BAC3DF
muted
#849BC6
primary
#5A6A98
secondary
#435172
accent
#262D3F
text
#04070D
Colors in True Haunt Mist Mirror: HEX, RGB, HSL & OKLCH
- #F5F8FF color page →
bg
#F5F8FF
- RGB
- rgb(245 248 255)
- HSL
- hsl(222 100% 98%)
- OKLCH
- oklch(0.979 0.01 267.4)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.75:1 (AAA)
- #BAC3DF color page →
surface
#BAC3DF
- RGB
- rgb(186 195 223)
- HSL
- hsl(225 37% 80%)
- OKLCH
- oklch(0.819 0.041 271.4)
WCAG contrast: on white 1.75:1 (Fail) · on black 11.95:1 (AAA)
- #849BC6 color page →
muted
#849BC6
- RGB
- rgb(132 155 198)
- HSL
- hsl(219 37% 65%)
- OKLCH
- oklch(0.688 0.069 262.7)
WCAG contrast: on white 2.80:1 (Fail) · on black 7.48:1 (AAA)
- #5A6A98 color page →
primary
#5A6A98
- RGB
- rgb(90 106 152)
- HSL
- hsl(225 26% 47%)
- OKLCH
- oklch(0.53 0.075 269.1)
WCAG contrast: on white 5.31:1 (AA) · on black 3.94:1 (Fail)
- #435172 color page →
secondary
#435172
- RGB
- rgb(67 81 114)
- HSL
- hsl(222 26% 35%)
- OKLCH
- oklch(0.437 0.058 266.4)
WCAG contrast: on white 7.89:1 (AAA) · on black 2.65:1 (Fail)
- #262D3F color page →
accent
#262D3F
- RGB
- rgb(38 45 63)
- HSL
- hsl(223 25% 20%)
- OKLCH
- oklch(0.299 0.034 267.9)
WCAG contrast: on white 13.72:1 (AAA) · on black 1.52:1 (Fail)
- #04070D color page →
text
#04070D
- RGB
- rgb(4 7 13)
- HSL
- hsl(220 53% 3%)
- OKLCH
- oklch(0.127 0.016 257.8)
WCAG contrast: on white 20.16:1 (AAA) · on black 1.04:1 (Fail)
Export True Haunt Mist Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5f8ff;
--surface: #bac3df;
--muted: #849bc6;
--primary: #5a6a98;
--secondary: #435172;
--accent: #262d3f;
--text: #04070d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5f8ff;
--color-surface: #bac3df;
--color-muted: #849bc6;
--color-primary: #5a6a98;
--color-secondary: #435172;
--color-accent: #262d3f;
--color-text: #04070d;
}JSON (DTCG tokens)
{
"true-haunt-mist-mirror-ei": {
"bg": {
"$type": "color",
"$value": "#f5f8ff"
},
"surface": {
"$type": "color",
"$value": "#bac3df"
},
"muted": {
"$type": "color",
"$value": "#849bc6"
},
"primary": {
"$type": "color",
"$value": "#5a6a98"
},
"secondary": {
"$type": "color",
"$value": "#435172"
},
"accent": {
"$type": "color",
"$value": "#262d3f"
},
"text": {
"$type": "color",
"$value": "#04070d"
}
}
}About this palette
True Haunt Mist Mirror is a 7-color OKLCH-ready palette tagged violet, gray, cold, monochromatic, 7 colors. Hex values: #F5F8FF, #BAC3DF, #849BC6, #5A6A98, #435172, #262D3F, #04070D. APCA contrast score Lc 9.6. 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 Mirror by OKLab color distance.