Palette · 5 colors · Lc 9.3
True Muted Blue Harbor palette
True Muted Blue Harbor: a 5-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E9F4FC, #84B7CD, #3672A9, #00495D, #020917, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9F4FC
surface
#84B7CD
primary
#3672A9
accent
#00495D
text
#020917
Colors in True Muted Blue Harbor: HEX, RGB, HSL & OKLCH
- #E9F4FC color page →
bg
#E9F4FC
- RGB
- rgb(233 244 252)
- HSL
- hsl(205 76% 95%)
- OKLCH
- oklch(0.961 0.016 239.1)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.81:1 (AAA)
- #84B7CD color page →
surface
#84B7CD
- RGB
- rgb(132 183 205)
- HSL
- hsl(198 42% 66%)
- OKLCH
- oklch(0.751 0.062 226.6)
WCAG contrast: on white 2.17:1 (Fail) · on black 9.63:1 (AAA)
- #3672A9 color page →
primary
#3672A9
- RGB
- rgb(54 114 169)
- HSL
- hsl(209 52% 44%)
- OKLCH
- oklch(0.538 0.107 248.7)
WCAG contrast: on white 5.07:1 (AA) · on black 4.13:1 (Fail)
- #00495D color page →
accent
#00495D
- RGB
- rgb(0 73 93)
- HSL
- hsl(193 100% 18%)
- OKLCH
- oklch(0.377 0.071 223.8)
WCAG contrast: on white 9.94:1 (AAA) · on black 2.11:1 (Fail)
- #020917 color page →
text
#020917
- RGB
- rgb(2 9 23)
- HSL
- hsl(220 84% 5%)
- OKLCH
- oklch(0.14 0.035 256.2)
WCAG contrast: on white 19.92:1 (AAA) · on black 1.05:1 (Fail)
Export True Muted Blue Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9f4fc;
--surface: #84b7cd;
--primary: #3672a9;
--accent: #00495d;
--text: #020917;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9f4fc;
--color-surface: #84b7cd;
--color-primary: #3672a9;
--color-accent: #00495d;
--color-text: #020917;
}JSON (DTCG tokens)
{
"true-muted-blue-harbor-7e": {
"bg": {
"$type": "color",
"$value": "#e9f4fc"
},
"surface": {
"$type": "color",
"$value": "#84b7cd"
},
"primary": {
"$type": "color",
"$value": "#3672a9"
},
"accent": {
"$type": "color",
"$value": "#00495d"
},
"text": {
"$type": "color",
"$value": "#020917"
}
}
}About this palette
True Muted Blue Harbor is a 5-color OKLCH-ready palette tagged violet, cold, ocean, nature, 5 colors. Hex values: #E9F4FC, #84B7CD, #3672A9, #00495D, #020917. 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 True Muted Blue Harbor by OKLab color distance.