Palette · 9 colors · Lc 10
Dusk Naval Blue Meadow palette
Dusk Naval Blue Meadow: a 9-color palette (Violet, Gray, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #EDF9FF, #C2CBE3, #9EAEC6, #7D8DA6, #6A758D, #414F6D, #2F344B, #21222A, #05060E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EDF9FF
surface
#C2CBE3
muted
#9EAEC6
primary
#7D8DA6
secondary
#6A758D
accent
#414F6D
highlight
#2F344B
border
#21222A
text
#05060E
Colors in Dusk Naval Blue Meadow: HEX, RGB, HSL & OKLCH
- #EDF9FF color page →
bg
#EDF9FF
- RGB
- rgb(237 249 255)
- HSL
- hsl(200 100% 96%)
- OKLCH
- oklch(0.975 0.015 229)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.59:1 (AAA)
- #C2CBE3 color page →
surface
#C2CBE3
- RGB
- rgb(194 203 227)
- HSL
- hsl(224 37% 83%)
- OKLCH
- oklch(0.843 0.035 269.3)
WCAG contrast: on white 1.62:1 (Fail) · on black 12.94:1 (AAA)
- #9EAEC6 color page →
muted
#9EAEC6
- RGB
- rgb(158 174 198)
- HSL
- hsl(216 26% 70%)
- OKLCH
- oklch(0.746 0.039 258.4)
WCAG contrast: on white 2.25:1 (Fail) · on black 9.32:1 (AAA)
- #7D8DA6 color page →
primary
#7D8DA6
- RGB
- rgb(125 141 166)
- HSL
- hsl(217 19% 57%)
- OKLCH
- oklch(0.639 0.042 259.3)
WCAG contrast: on white 3.36:1 (Fail) · on black 6.23:1 (AA)
- #6A758D color page →
secondary
#6A758D
- RGB
- rgb(106 117 141)
- HSL
- hsl(221 14% 48%)
- OKLCH
- oklch(0.562 0.04 265.7)
WCAG contrast: on white 4.62:1 (AA) · on black 4.54:1 (AA)
- #414F6D color page →
accent
#414F6D
- RGB
- rgb(65 79 109)
- HSL
- hsl(221 25% 34%)
- OKLCH
- oklch(0.429 0.053 264.9)
WCAG contrast: on white 8.19:1 (AAA) · on black 2.56:1 (Fail)
- #2F344B color page →
highlight
#2F344B
- RGB
- rgb(47 52 75)
- HSL
- hsl(229 23% 24%)
- OKLCH
- oklch(0.331 0.041 274.5)
WCAG contrast: on white 12.25:1 (AAA) · on black 1.71:1 (Fail)
- #21222A color page →
border
#21222A
- RGB
- rgb(33 34 42)
- HSL
- hsl(233 12% 15%)
- OKLCH
- oklch(0.254 0.015 279.6)
WCAG contrast: on white 15.82:1 (AAA) · on black 1.32:1 (Fail)
- #05060E color page →
text
#05060E
- RGB
- rgb(5 6 14)
- HSL
- hsl(233 47% 4%)
- OKLCH
- oklch(0.126 0.02 276)
WCAG contrast: on white 20.21:1 (AAA) · on black 1.03:1 (Fail)
Export Dusk Naval Blue Meadow: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #edf9ff;
--surface: #c2cbe3;
--muted: #9eaec6;
--primary: #7d8da6;
--secondary: #6a758d;
--accent: #414f6d;
--highlight: #2f344b;
--border: #21222a;
--text: #05060e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #edf9ff;
--color-surface: #c2cbe3;
--color-muted: #9eaec6;
--color-primary: #7d8da6;
--color-secondary: #6a758d;
--color-accent: #414f6d;
--color-highlight: #2f344b;
--color-border: #21222a;
--color-text: #05060e;
}JSON (DTCG tokens)
{
"dusk-naval-blue-meadow-1zh": {
"bg": {
"$type": "color",
"$value": "#edf9ff"
},
"surface": {
"$type": "color",
"$value": "#c2cbe3"
},
"muted": {
"$type": "color",
"$value": "#9eaec6"
},
"primary": {
"$type": "color",
"$value": "#7d8da6"
},
"secondary": {
"$type": "color",
"$value": "#6a758d"
},
"accent": {
"$type": "color",
"$value": "#414f6d"
},
"highlight": {
"$type": "color",
"$value": "#2f344b"
},
"border": {
"$type": "color",
"$value": "#21222a"
},
"text": {
"$type": "color",
"$value": "#05060e"
}
}
}About this palette
Dusk Naval Blue Meadow is a 9-color OKLCH-ready palette tagged violet, gray, cold, 9 colors. Hex values: #EDF9FF, #C2CBE3, #9EAEC6, #7D8DA6, #6A758D, #414F6D, #2F344B, #21222A, #05060E. APCA contrast score Lc 10. 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 Naval Blue Meadow by OKLab color distance.