Palette · 4 colors · Lc 8.8
Muted Naval Blue Grove palette
Muted Naval Blue Grove: a 4-color palette (Violet, Gray, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #D9E6F4, #728DAF, #334B6A, #14191E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D9E6F4
surface
#728DAF
accent
#334B6A
text
#14191E
Colors in Muted Naval Blue Grove: HEX, RGB, HSL & OKLCH
- #D9E6F4 color page →
bg
#D9E6F4
- RGB
- rgb(217 230 244)
- HSL
- hsl(211 55% 90%)
- OKLCH
- oklch(0.919 0.024 250.1)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.57:1 (AAA)
- #728DAF color page →
surface
#728DAF
- RGB
- rgb(114 141 175)
- HSL
- hsl(213 28% 57%)
- OKLCH
- oklch(0.635 0.06 254.4)
WCAG contrast: on white 3.41:1 (Fail) · on black 6.14:1 (AA)
- #334B6A color page →
accent
#334B6A
- RGB
- rgb(51 75 106)
- HSL
- hsl(214 35% 31%)
- OKLCH
- oklch(0.408 0.06 255.2)
WCAG contrast: on white 8.91:1 (AAA) · on black 2.35:1 (Fail)
- #14191E color page →
text
#14191E
- RGB
- rgb(20 25 30)
- HSL
- hsl(210 20% 10%)
- OKLCH
- oklch(0.211 0.013 248.4)
WCAG contrast: on white 17.68:1 (AAA) · on black 1.18:1 (Fail)
Export Muted Naval Blue Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d9e6f4;
--surface: #728daf;
--accent: #334b6a;
--text: #14191e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d9e6f4;
--color-surface: #728daf;
--color-accent: #334b6a;
--color-text: #14191e;
}JSON (DTCG tokens)
{
"muted-naval-blue-grove-it": {
"bg": {
"$type": "color",
"$value": "#d9e6f4"
},
"surface": {
"$type": "color",
"$value": "#728daf"
},
"accent": {
"$type": "color",
"$value": "#334b6a"
},
"text": {
"$type": "color",
"$value": "#14191e"
}
}
}About this palette
Muted Naval Blue Grove is a 4-color OKLCH-ready palette tagged violet, gray, cold, 4 colors. Hex values: #D9E6F4, #728DAF, #334B6A, #14191E. APCA contrast score Lc 8.8. 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 Muted Naval Blue Grove by OKLab color distance.