Palette · 6 colors · Lc 9.5
Wavy Navy Forge palette
Wavy Navy Forge: a 6-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E4F4FF, #9ECAE5, #558EC0, #0E6B9E, #004063, #040913, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E4F4FF
surface
#9ECAE5
muted
#558EC0
primary
#0E6B9E
accent
#004063
text
#040913
Colors in Wavy Navy Forge: HEX, RGB, HSL & OKLCH
- #E4F4FF color page →
bg
#E4F4FF
- RGB
- rgb(228 244 255)
- HSL
- hsl(204 100% 95%)
- OKLCH
- oklch(0.959 0.023 237.6)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.68:1 (AAA)
- #9ECAE5 color page →
surface
#9ECAE5
- RGB
- rgb(158 202 229)
- HSL
- hsl(203 58% 76%)
- OKLCH
- oklch(0.817 0.06 235.4)
WCAG contrast: on white 1.74:1 (Fail) · on black 12.03:1 (AAA)
- #558EC0 color page →
muted
#558EC0
- RGB
- rgb(85 142 192)
- HSL
- hsl(208 46% 54%)
- OKLCH
- oklch(0.628 0.097 246.5)
WCAG contrast: on white 3.49:1 (Fail) · on black 6.01:1 (AA)
- #0E6B9E color page →
primary
#0E6B9E
- RGB
- rgb(14 107 158)
- HSL
- hsl(201 84% 34%)
- OKLCH
- oklch(0.504 0.112 240.8)
WCAG contrast: on white 5.80:1 (AA) · on black 3.61:1 (Fail)
- #004063 color page →
accent
#004063
- RGB
- rgb(0 64 99)
- HSL
- hsl(201 100% 19%)
- OKLCH
- oklch(0.355 0.083 241.3)
WCAG contrast: on white 10.97:1 (AAA) · on black 1.91:1 (Fail)
- #040913 color page →
text
#040913
- RGB
- rgb(4 9 19)
- HSL
- hsl(220 65% 5%)
- OKLCH
- oklch(0.139 0.025 258.5)
WCAG contrast: on white 19.93:1 (AAA) · on black 1.05:1 (Fail)
Export Wavy Navy Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4f4ff;
--surface: #9ecae5;
--muted: #558ec0;
--primary: #0e6b9e;
--accent: #004063;
--text: #040913;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4f4ff;
--color-surface: #9ecae5;
--color-muted: #558ec0;
--color-primary: #0e6b9e;
--color-accent: #004063;
--color-text: #040913;
}JSON (DTCG tokens)
{
"wavy-navy-forge-34k": {
"bg": {
"$type": "color",
"$value": "#e4f4ff"
},
"surface": {
"$type": "color",
"$value": "#9ecae5"
},
"muted": {
"$type": "color",
"$value": "#558ec0"
},
"primary": {
"$type": "color",
"$value": "#0e6b9e"
},
"accent": {
"$type": "color",
"$value": "#004063"
},
"text": {
"$type": "color",
"$value": "#040913"
}
}
}About this palette
Wavy Navy Forge is a 6-color OKLCH-ready palette tagged violet, cold, ocean, nature, 6 colors. Hex values: #E4F4FF, #9ECAE5, #558EC0, #0E6B9E, #004063, #040913. 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 Wavy Navy Forge by OKLab color distance.