Palette · 6 colors · Lc 8.6
Wavy Navy Noir palette
Wavy Navy Noir: a 6-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E8ECEF, #99BCD3, #4F91BE, #10699D, #00425C, #050B16, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E8ECEF
surface
#99BCD3
muted
#4F91BE
primary
#10699D
accent
#00425C
text
#050B16
Colors in Wavy Navy Noir: HEX, RGB, HSL & OKLCH
- #E8ECEF color page →
bg
#E8ECEF
- RGB
- rgb(232 236 239)
- HSL
- hsl(206 18% 92%)
- OKLCH
- oklch(0.941 0.006 239.8)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.67:1 (AAA)
- #99BCD3 color page →
surface
#99BCD3
- RGB
- rgb(153 188 211)
- HSL
- hsl(204 40% 71%)
- OKLCH
- oklch(0.777 0.05 237.1)
WCAG contrast: on white 2.00:1 (Fail) · on black 10.48:1 (AAA)
- #4F91BE color page →
muted
#4F91BE
- RGB
- rgb(79 145 190)
- HSL
- hsl(204 46% 53%)
- OKLCH
- oklch(0.632 0.096 240.4)
WCAG contrast: on white 3.42:1 (Fail) · on black 6.12:1 (AA)
- #10699D color page →
primary
#10699D
- RGB
- rgb(16 105 157)
- HSL
- hsl(202 82% 34%)
- OKLCH
- oklch(0.499 0.113 242)
WCAG contrast: on white 5.94:1 (AA) · on black 3.52:1 (Fail)
- #00425C color page →
accent
#00425C
- RGB
- rgb(0 66 92)
- HSL
- hsl(197 100% 18%)
- OKLCH
- oklch(0.356 0.073 232.7)
WCAG contrast: on white 10.85:1 (AAA) · on black 1.93:1 (Fail)
- #050B16 color page →
text
#050B16
- RGB
- rgb(5 11 22)
- HSL
- hsl(219 63% 5%)
- OKLCH
- oklch(0.149 0.026 259.1)
WCAG contrast: on white 19.70:1 (AAA) · on black 1.06:1 (Fail)
Export Wavy Navy Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e8ecef;
--surface: #99bcd3;
--muted: #4f91be;
--primary: #10699d;
--accent: #00425c;
--text: #050b16;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e8ecef;
--color-surface: #99bcd3;
--color-muted: #4f91be;
--color-primary: #10699d;
--color-accent: #00425c;
--color-text: #050b16;
}JSON (DTCG tokens)
{
"wavy-navy-noir-2r7": {
"bg": {
"$type": "color",
"$value": "#e8ecef"
},
"surface": {
"$type": "color",
"$value": "#99bcd3"
},
"muted": {
"$type": "color",
"$value": "#4f91be"
},
"primary": {
"$type": "color",
"$value": "#10699d"
},
"accent": {
"$type": "color",
"$value": "#00425c"
},
"text": {
"$type": "color",
"$value": "#050b16"
}
}
}About this palette
Wavy Navy Noir is a 6-color OKLCH-ready palette tagged violet, cold, ocean, nature, 6 colors. Hex values: #E8ECEF, #99BCD3, #4F91BE, #10699D, #00425C, #050B16. APCA contrast score Lc 8.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 Wavy Navy Noir by OKLab color distance.