Palette · 8 colors · Lc 8
Blue Chip Vault palette
Blue Chip Vault: a 8-color palette (Violet, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #CEEAF1, #8CD4DD, #00BFD3, #00A5CA, #0082BA, #0056A3, #00305A, #00202D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#CEEAF1
surface
#8CD4DD
muted
#00BFD3
primary
#00A5CA
secondary
#0082BA
accent
#0056A3
highlight
#00305A
text
#00202D
Colors in Blue Chip Vault: HEX, RGB, HSL & OKLCH
- #CEEAF1 color page →
bg
#CEEAF1
- RGB
- rgb(206 234 241)
- HSL
- hsl(192 56% 88%)
- OKLCH
- oklch(0.919 0.031 214.5)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.66:1 (AAA)
- #8CD4DD color page →
surface
#8CD4DD
- RGB
- rgb(140 212 221)
- HSL
- hsl(187 54% 71%)
- OKLCH
- oklch(0.826 0.073 205.8)
WCAG contrast: on white 1.66:1 (Fail) · on black 12.57:1 (AAA)
- #00BFD3 color page →
muted
#00BFD3
- RGB
- rgb(0 191 211)
- HSL
- hsl(186 100% 41%)
- OKLCH
- oklch(0.736 0.127 208)
WCAG contrast: on white 2.23:1 (Fail) · on black 9.39:1 (AAA)
- #00A5CA color page →
primary
#00A5CA
- RGB
- rgb(0 165 202)
- HSL
- hsl(191 100% 40%)
- OKLCH
- oklch(0.669 0.123 221.4)
WCAG contrast: on white 2.90:1 (Fail) · on black 7.23:1 (AAA)
- #0082BA color page →
secondary
#0082BA
- RGB
- rgb(0 130 186)
- HSL
- hsl(198 100% 36%)
- OKLCH
- oklch(0.575 0.127 237.5)
WCAG contrast: on white 4.28:1 (Fail) · on black 4.90:1 (AA)
- #0056A3 color page →
accent
#0056A3
- RGB
- rgb(0 86 163)
- HSL
- hsl(208 100% 32%)
- OKLCH
- oklch(0.455 0.143 253.5)
WCAG contrast: on white 7.34:1 (AAA) · on black 2.85:1 (Fail)
- #00305A color page →
highlight
#00305A
- RGB
- rgb(0 48 90)
- HSL
- hsl(208 100% 18%)
- OKLCH
- oklch(0.306 0.089 251)
WCAG contrast: on white 13.37:1 (AAA) · on black 1.57:1 (Fail)
- #00202D color page →
text
#00202D
- RGB
- rgb(0 32 45)
- HSL
- hsl(197 100% 9%)
- OKLCH
- oklch(0.228 0.045 229)
WCAG contrast: on white 16.87:1 (AAA) · on black 1.24:1 (Fail)
Export Blue Chip Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ceeaf1;
--surface: #8cd4dd;
--muted: #00bfd3;
--primary: #00a5ca;
--secondary: #0082ba;
--accent: #0056a3;
--highlight: #00305a;
--text: #00202d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ceeaf1;
--color-surface: #8cd4dd;
--color-muted: #00bfd3;
--color-primary: #00a5ca;
--color-secondary: #0082ba;
--color-accent: #0056a3;
--color-highlight: #00305a;
--color-text: #00202d;
}JSON (DTCG tokens)
{
"blue-chip-vault-3ye": {
"bg": {
"$type": "color",
"$value": "#ceeaf1"
},
"surface": {
"$type": "color",
"$value": "#8cd4dd"
},
"muted": {
"$type": "color",
"$value": "#00bfd3"
},
"primary": {
"$type": "color",
"$value": "#00a5ca"
},
"secondary": {
"$type": "color",
"$value": "#0082ba"
},
"accent": {
"$type": "color",
"$value": "#0056a3"
},
"highlight": {
"$type": "color",
"$value": "#00305a"
},
"text": {
"$type": "color",
"$value": "#00202d"
}
}
}About this palette
Blue Chip Vault is a 8-color OKLCH-ready palette tagged violet, cold, 8 colors. Hex values: #CEEAF1, #8CD4DD, #00BFD3, #00A5CA, #0082BA, #0056A3, #00305A, #00202D. 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 Blue Chip Vault by OKLab color distance.