Palette · 6 colors · Lc 9.5
True Misty Harbour Signal palette
True Misty Harbour Signal: a 6-color palette (Violet, Gray, Cold, 6 Colors). HEX, RGB, HSL and OKLCH for #F0F4FD, #A1B2CE, #62769F, #475476, #222C42, #0B121F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0F4FD
surface
#A1B2CE
muted
#62769F
primary
#475476
accent
#222C42
text
#0B121F
Colors in True Misty Harbour Signal: HEX, RGB, HSL & OKLCH
- #F0F4FD color page →
bg
#F0F4FD
- RGB
- rgb(240 244 253)
- HSL
- hsl(222 76% 97%)
- OKLCH
- oklch(0.967 0.013 266.7)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.06:1 (AAA)
- #A1B2CE color page →
surface
#A1B2CE
- RGB
- rgb(161 178 206)
- HSL
- hsl(217 31% 72%)
- OKLCH
- oklch(0.76 0.045 260.4)
WCAG contrast: on white 2.14:1 (Fail) · on black 9.77:1 (AAA)
- #62769F color page →
muted
#62769F
- RGB
- rgb(98 118 159)
- HSL
- hsl(220 24% 50%)
- OKLCH
- oklch(0.566 0.068 264.2)
WCAG contrast: on white 4.55:1 (AA) · on black 4.61:1 (AA)
- #475476 color page →
primary
#475476
- RGB
- rgb(71 84 118)
- HSL
- hsl(223 25% 37%)
- OKLCH
- oklch(0.449 0.058 267.9)
WCAG contrast: on white 7.50:1 (AAA) · on black 2.79:1 (Fail)
- #222C42 color page →
accent
#222C42
- RGB
- rgb(34 44 66)
- HSL
- hsl(221 32% 20%)
- OKLCH
- oklch(0.295 0.043 265.1)
WCAG contrast: on white 13.93:1 (AAA) · on black 1.50:1 (Fail)
- #0B121F color page →
text
#0B121F
- RGB
- rgb(11 18 31)
- HSL
- hsl(219 48% 8%)
- OKLCH
- oklch(0.182 0.029 262.2)
WCAG contrast: on white 18.74:1 (AAA) · on black 1.12:1 (Fail)
Export True Misty Harbour Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0f4fd;
--surface: #a1b2ce;
--muted: #62769f;
--primary: #475476;
--accent: #222c42;
--text: #0b121f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0f4fd;
--color-surface: #a1b2ce;
--color-muted: #62769f;
--color-primary: #475476;
--color-accent: #222c42;
--color-text: #0b121f;
}JSON (DTCG tokens)
{
"true-misty-harbour-signal-3ep": {
"bg": {
"$type": "color",
"$value": "#f0f4fd"
},
"surface": {
"$type": "color",
"$value": "#a1b2ce"
},
"muted": {
"$type": "color",
"$value": "#62769f"
},
"primary": {
"$type": "color",
"$value": "#475476"
},
"accent": {
"$type": "color",
"$value": "#222c42"
},
"text": {
"$type": "color",
"$value": "#0b121f"
}
}
}About this palette
True Misty Harbour Signal is a 6-color OKLCH-ready palette tagged violet, gray, cold, 6 colors. Hex values: #F0F4FD, #A1B2CE, #62769F, #475476, #222C42, #0B121F. APCA contrast score Lc 9.5. 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 Misty Harbour Signal by OKLab color distance.