Palette · 3 colors · Lc 8.7
Steady Azure Vault palette
Steady Azure Vault: a 3-color palette (Violet, Cold, Dark Mode UI, UI System). HEX, RGB, HSL and OKLCH for #020A11, #007FF1, #E8EBED, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Violet
- Cold
- Dark Mode UI
- UI System
- 3 Colors
bg
#020A11
accent
#007FF1
text
#E8EBED
Colors in Steady Azure Vault: HEX, RGB, HSL & OKLCH
- #020A11 color page →
bg
#020A11
- RGB
- rgb(2 10 17)
- HSL
- hsl(208 79% 4%)
- OKLCH
- oklch(0.138 0.023 237.7)
WCAG contrast: on white 19.92:1 (AAA) · on black 1.05:1 (Fail)
- #007FF1 color page →
accent
#007FF1
- RGB
- rgb(0 127 241)
- HSL
- hsl(208 100% 47%)
- OKLCH
- oklch(0.603 0.195 254.4)
WCAG contrast: on white 3.95:1 (Fail) · on black 5.30:1 (AA)
- #E8EBED color page →
text
#E8EBED
- RGB
- rgb(232 235 237)
- HSL
- hsl(204 12% 92%)
- OKLCH
- oklch(0.938 0.004 236.5)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.53:1 (AAA)
Export Steady Azure Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #020a11;
--accent: #007ff1;
--text: #e8ebed;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #020a11;
--color-accent: #007ff1;
--color-text: #e8ebed;
}JSON (DTCG tokens)
{
"steady-azure-vault-ju": {
"bg": {
"$type": "color",
"$value": "#020a11"
},
"accent": {
"$type": "color",
"$value": "#007ff1"
},
"text": {
"$type": "color",
"$value": "#e8ebed"
}
}
}About this palette
Steady Azure Vault is a 3-color OKLCH-ready palette tagged violet, cold, dark mode ui, ui system, 3 colors. Hex values: #020A11, #007FF1, #E8EBED. APCA contrast score Lc 8.7. 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 Steady Azure Vault by OKLab color distance.