Palette · 4 colors · Lc 8
Dusk Pacific Navy Dune palette
Dusk Pacific Navy Dune: a 4-color palette (Violet, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #DDEAF4, #5FBFD3, #334888, #001428, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DDEAF4
surface
#5FBFD3
accent
#334888
text
#001428
Colors in Dusk Pacific Navy Dune: HEX, RGB, HSL & OKLCH
- #DDEAF4 color page →
bg
#DDEAF4
- RGB
- rgb(221 234 244)
- HSL
- hsl(206 51% 91%)
- OKLCH
- oklch(0.93 0.019 240.7)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.14:1 (AAA)
- #5FBFD3 color page →
surface
#5FBFD3
- RGB
- rgb(95 191 211)
- HSL
- hsl(190 57% 60%)
- OKLCH
- oklch(0.754 0.095 213.1)
WCAG contrast: on white 2.12:1 (Fail) · on black 9.87:1 (AAA)
- #334888 color page →
accent
#334888
- RGB
- rgb(51 72 136)
- HSL
- hsl(225 45% 37%)
- OKLCH
- oklch(0.419 0.109 267.8)
WCAG contrast: on white 8.66:1 (AAA) · on black 2.42:1 (Fail)
- #001428 color page →
text
#001428
- RGB
- rgb(0 20 40)
- HSL
- hsl(210 100% 8%)
- OKLCH
- oklch(0.187 0.05 247.9)
WCAG contrast: on white 18.57:1 (AAA) · on black 1.13:1 (Fail)
Export Dusk Pacific Navy Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ddeaf4;
--surface: #5fbfd3;
--accent: #334888;
--text: #001428;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ddeaf4;
--color-surface: #5fbfd3;
--color-accent: #334888;
--color-text: #001428;
}JSON (DTCG tokens)
{
"dusk-pacific-navy-dune-7db": {
"bg": {
"$type": "color",
"$value": "#ddeaf4"
},
"surface": {
"$type": "color",
"$value": "#5fbfd3"
},
"accent": {
"$type": "color",
"$value": "#334888"
},
"text": {
"$type": "color",
"$value": "#001428"
}
}
}About this palette
Dusk Pacific Navy Dune is a 4-color OKLCH-ready palette tagged violet, cold, 4 colors. Hex values: #DDEAF4, #5FBFD3, #334888, #001428. APCA contrast score Lc 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 Dusk Pacific Navy Dune by OKLab color distance.