Palette · 4 colors · Lc 8.5
Low Dark Blue Vault palette
Low Dark Blue Vault: a 4-color palette (Violet, Gray, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #E7EDF2, #84A3BA, #335573, #080C12, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E7EDF2
surface
#84A3BA
accent
#335573
text
#080C12
Colors in Low Dark Blue Vault: HEX, RGB, HSL & OKLCH
- #E7EDF2 color page →
bg
#E7EDF2
- RGB
- rgb(231 237 242)
- HSL
- hsl(207 30% 93%)
- OKLCH
- oklch(0.943 0.009 242.8)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.79:1 (AAA)
- #84A3BA color page →
surface
#84A3BA
- RGB
- rgb(132 163 186)
- HSL
- hsl(206 28% 62%)
- OKLCH
- oklch(0.7 0.048 240.5)
WCAG contrast: on white 2.64:1 (Fail) · on black 7.92:1 (AAA)
- #335573 color page →
accent
#335573
- RGB
- rgb(51 85 115)
- HSL
- hsl(208 39% 33%)
- OKLCH
- oklch(0.437 0.064 246.5)
WCAG contrast: on white 7.81:1 (AAA) · on black 2.68:1 (Fail)
- #080C12 color page →
text
#080C12
- RGB
- rgb(8 12 18)
- HSL
- hsl(216 38% 5%)
- OKLCH
- oklch(0.153 0.015 257.6)
WCAG contrast: on white 19.59:1 (AAA) · on black 1.07:1 (Fail)
Export Low Dark Blue Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7edf2;
--surface: #84a3ba;
--accent: #335573;
--text: #080c12;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7edf2;
--color-surface: #84a3ba;
--color-accent: #335573;
--color-text: #080c12;
}JSON (DTCG tokens)
{
"low-dark-blue-vault-59f": {
"bg": {
"$type": "color",
"$value": "#e7edf2"
},
"surface": {
"$type": "color",
"$value": "#84a3ba"
},
"accent": {
"$type": "color",
"$value": "#335573"
},
"text": {
"$type": "color",
"$value": "#080c12"
}
}
}About this palette
Low Dark Blue Vault is a 4-color OKLCH-ready palette tagged violet, gray, cold, 4 colors. Hex values: #E7EDF2, #84A3BA, #335573, #080C12. APCA contrast score Lc 8.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 Low Dark Blue Vault by OKLab color distance.