Palette · 10 colors · Lc 7.9
Bold Warm Blue Vault palette
Bold Warm Blue Vault: a 10-color palette (Pink, 10 Colors). HEX, RGB, HSL and OKLCH for #E2E5F3, #C1D4FF, #79C2FF, #549FFF, #5D6BFB, #5453EA, #5A3BC2, #3E1B99, #27186C, #0A0B35, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 10 Colors
bg
#E2E5F3
surface
#C1D4FF
muted
#79C2FF
primary
#549FFF
secondary
#5D6BFB
accent
#5453EA
highlight
#5A3BC2
border
#3E1B99
focus
#27186C
text
#0A0B35
Colors in Bold Warm Blue Vault: HEX, RGB, HSL & OKLCH
- #E2E5F3 color page →
bg
#E2E5F3
- RGB
- rgb(226 229 243)
- HSL
- hsl(229 41% 92%)
- OKLCH
- oklch(0.924 0.019 276.3)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.73:1 (AAA)
- #C1D4FF color page →
surface
#C1D4FF
- RGB
- rgb(193 212 255)
- HSL
- hsl(222 100% 88%)
- OKLCH
- oklch(0.87 0.063 266.3)
WCAG contrast: on white 1.48:1 (Fail) · on black 14.12:1 (AAA)
- #79C2FF color page →
muted
#79C2FF
- RGB
- rgb(121 194 255)
- HSL
- hsl(207 100% 74%)
- OKLCH
- oklch(0.79 0.114 245.2)
WCAG contrast: on white 1.91:1 (Fail) · on black 10.97:1 (AAA)
- #549FFF color page →
primary
#549FFF
- RGB
- rgb(84 159 255)
- HSL
- hsl(214 100% 66%)
- OKLCH
- oklch(0.699 0.16 255.6)
WCAG contrast: on white 2.69:1 (Fail) · on black 7.78:1 (AAA)
- #5D6BFB color page →
secondary
#5D6BFB
- RGB
- rgb(93 107 251)
- HSL
- hsl(235 95% 67%)
- OKLCH
- oklch(0.598 0.212 273.9)
WCAG contrast: on white 4.23:1 (Fail) · on black 4.96:1 (AA)
- #5453EA color page →
accent
#5453EA
- RGB
- rgb(84 83 234)
- HSL
- hsl(240 78% 62%)
- OKLCH
- oklch(0.538 0.221 276.3)
WCAG contrast: on white 5.52:1 (AA) · on black 3.80:1 (Fail)
- #5A3BC2 color page →
highlight
#5A3BC2
- RGB
- rgb(90 59 194)
- HSL
- hsl(254 53% 50%)
- OKLCH
- oklch(0.472 0.198 286.7)
WCAG contrast: on white 7.39:1 (AAA) · on black 2.83:1 (Fail)
- #3E1B99 color page →
border
#3E1B99
- RGB
- rgb(62 27 153)
- HSL
- hsl(257 70% 35%)
- OKLCH
- oklch(0.367 0.185 285.5)
WCAG contrast: on white 11.52:1 (AAA) · on black 1.82:1 (Fail)
- #27186C color page →
focus
#27186C
- RGB
- rgb(39 24 108)
- HSL
- hsl(251 64% 26%)
- OKLCH
- oklch(0.293 0.136 282.2)
WCAG contrast: on white 14.64:1 (AAA) · on black 1.43:1 (Fail)
- #0A0B35 color page →
text
#0A0B35
- RGB
- rgb(10 11 53)
- HSL
- hsl(239 68% 12%)
- OKLCH
- oklch(0.184 0.08 274.2)
WCAG contrast: on white 18.88:1 (AAA) · on black 1.11:1 (Fail)
Export Bold Warm Blue Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e2e5f3;
--surface: #c1d4ff;
--muted: #79c2ff;
--primary: #549fff;
--secondary: #5d6bfb;
--accent: #5453ea;
--highlight: #5a3bc2;
--border: #3e1b99;
--focus: #27186c;
--text: #0a0b35;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e2e5f3;
--color-surface: #c1d4ff;
--color-muted: #79c2ff;
--color-primary: #549fff;
--color-secondary: #5d6bfb;
--color-accent: #5453ea;
--color-highlight: #5a3bc2;
--color-border: #3e1b99;
--color-focus: #27186c;
--color-text: #0a0b35;
}JSON (DTCG tokens)
{
"bold-warm-blue-vault-6im": {
"bg": {
"$type": "color",
"$value": "#e2e5f3"
},
"surface": {
"$type": "color",
"$value": "#c1d4ff"
},
"muted": {
"$type": "color",
"$value": "#79c2ff"
},
"primary": {
"$type": "color",
"$value": "#549fff"
},
"secondary": {
"$type": "color",
"$value": "#5d6bfb"
},
"accent": {
"$type": "color",
"$value": "#5453ea"
},
"highlight": {
"$type": "color",
"$value": "#5a3bc2"
},
"border": {
"$type": "color",
"$value": "#3e1b99"
},
"focus": {
"$type": "color",
"$value": "#27186c"
},
"text": {
"$type": "color",
"$value": "#0a0b35"
}
}
}About this palette
Bold Warm Blue Vault is a 10-color OKLCH-ready palette tagged pink, 10 colors. Hex values: #E2E5F3, #C1D4FF, #79C2FF, #549FFF, #5D6BFB, #5453EA, #5A3BC2, #3E1B99, #27186C, #0A0B35. APCA contrast score Lc 7.9. 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 Bold Warm Blue Vault by OKLab color distance.