Palette · 7 colors · Lc 10
Classic Haunt Mist Harbor palette
Classic Haunt Mist Harbor: a 7-color palette (Trending, Violet, Gray, Cold). HEX, RGB, HSL and OKLCH for #F6F9FB, #D3DFEF, #B8C0CB, #899BB2, #566485, #433D57, #0A192A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F6F9FB
surface
#D3DFEF
muted
#B8C0CB
primary
#899BB2
secondary
#566485
accent
#433D57
text
#0A192A
Colors in Classic Haunt Mist Harbor: HEX, RGB, HSL & OKLCH
- #F6F9FB color page →
bg
#F6F9FB
- RGB
- rgb(246 249 251)
- HSL
- hsl(204 38% 97%)
- OKLCH
- oklch(0.98 0.004 236.5)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.86:1 (AAA)
- #D3DFEF color page →
surface
#D3DFEF
- RGB
- rgb(211 223 239)
- HSL
- hsl(214 47% 88%)
- OKLCH
- oklch(0.899 0.025 255.6)
WCAG contrast: on white 1.34:1 (Fail) · on black 15.57:1 (AAA)
- #B8C0CB color page →
muted
#B8C0CB
- RGB
- rgb(184 192 203)
- HSL
- hsl(215 15% 76%)
- OKLCH
- oklch(0.805 0.018 256.3)
WCAG contrast: on white 1.83:1 (Fail) · on black 11.44:1 (AAA)
- #899BB2 color page →
primary
#899BB2
- RGB
- rgb(137 155 178)
- HSL
- hsl(214 21% 62%)
- OKLCH
- oklch(0.683 0.04 254.6)
WCAG contrast: on white 2.83:1 (Fail) · on black 7.39:1 (AAA)
- #566485 color page →
secondary
#566485
- RGB
- rgb(86 100 133)
- HSL
- hsl(222 21% 43%)
- OKLCH
- oklch(0.505 0.056 266.6)
WCAG contrast: on white 5.90:1 (AA) · on black 3.55:1 (Fail)
- #433D57 color page →
accent
#433D57
- RGB
- rgb(67 61 87)
- HSL
- hsl(254 18% 29%)
- OKLCH
- oklch(0.377 0.044 294.8)
WCAG contrast: on white 10.27:1 (AAA) · on black 2.04:1 (Fail)
- #0A192A color page →
text
#0A192A
- RGB
- rgb(10 25 42)
- HSL
- hsl(212 62% 10%)
- OKLCH
- oklch(0.21 0.04 252.8)
WCAG contrast: on white 17.71:1 (AAA) · on black 1.18:1 (Fail)
Export Classic Haunt Mist Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f6f9fb;
--surface: #d3dfef;
--muted: #b8c0cb;
--primary: #899bb2;
--secondary: #566485;
--accent: #433d57;
--text: #0a192a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f6f9fb;
--color-surface: #d3dfef;
--color-muted: #b8c0cb;
--color-primary: #899bb2;
--color-secondary: #566485;
--color-accent: #433d57;
--color-text: #0a192a;
}JSON (DTCG tokens)
{
"classic-haunt-mist-harbor-656": {
"bg": {
"$type": "color",
"$value": "#f6f9fb"
},
"surface": {
"$type": "color",
"$value": "#d3dfef"
},
"muted": {
"$type": "color",
"$value": "#b8c0cb"
},
"primary": {
"$type": "color",
"$value": "#899bb2"
},
"secondary": {
"$type": "color",
"$value": "#566485"
},
"accent": {
"$type": "color",
"$value": "#433d57"
},
"text": {
"$type": "color",
"$value": "#0a192a"
}
}
}About this palette
Classic Haunt Mist Harbor is a 7-color OKLCH-ready palette tagged trending, violet, gray, cold, ui system, 7 colors. Hex values: #F6F9FB, #D3DFEF, #B8C0CB, #899BB2, #566485, #433D57, #0A192A. 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 Classic Haunt Mist Harbor by OKLab color distance.