Palette · 8 colors · Lc 8.3
French Blue Vault palette
French Blue Vault: a 8-color palette (Violet, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #D8EEFE, #92D6F0, #06BBE8, #0098E1, #0075C6, #004B90, #003164, #00142A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D8EEFE
surface
#92D6F0
muted
#06BBE8
primary
#0098E1
secondary
#0075C6
accent
#004B90
highlight
#003164
text
#00142A
Colors in French Blue Vault: HEX, RGB, HSL & OKLCH
- #D8EEFE color page →
bg
#D8EEFE
- RGB
- rgb(216 238 254)
- HSL
- hsl(205 95% 92%)
- OKLCH
- oklch(0.938 0.032 239.4)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.58:1 (AAA)
- #92D6F0 color page →
surface
#92D6F0
- RGB
- rgb(146 214 240)
- HSL
- hsl(197 76% 76%)
- OKLCH
- oklch(0.84 0.077 223.9)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.09:1 (AAA)
- #06BBE8 color page →
muted
#06BBE8
- RGB
- rgb(6 187 232)
- HSL
- hsl(192 95% 47%)
- OKLCH
- oklch(0.736 0.137 223.3)
WCAG contrast: on white 2.26:1 (Fail) · on black 9.28:1 (AAA)
- #0098E1 color page →
primary
#0098E1
- RGB
- rgb(0 152 225)
- HSL
- hsl(199 100% 44%)
- OKLCH
- oklch(0.649 0.151 240.8)
WCAG contrast: on white 3.19:1 (Fail) · on black 6.57:1 (AA)
- #0075C6 color page →
secondary
#0075C6
- RGB
- rgb(0 117 198)
- HSL
- hsl(205 100% 39%)
- OKLCH
- oklch(0.552 0.152 249.1)
WCAG contrast: on white 4.81:1 (AA) · on black 4.35:1 (Fail)
- #004B90 color page →
accent
#004B90
- RGB
- rgb(0 75 144)
- HSL
- hsl(209 100% 28%)
- OKLCH
- oklch(0.415 0.131 253.7)
WCAG contrast: on white 8.71:1 (AAA) · on black 2.40:1 (Fail)
- #003164 color page →
highlight
#003164
- RGB
- rgb(0 49 100)
- HSL
- hsl(211 100% 20%)
- OKLCH
- oklch(0.317 0.102 254.4)
WCAG contrast: on white 12.93:1 (AAA) · on black 1.62:1 (Fail)
- #00142A color page →
text
#00142A
- RGB
- rgb(0 20 42)
- HSL
- hsl(211 100% 8%)
- OKLCH
- oklch(0.188 0.053 250.1)
WCAG contrast: on white 18.52:1 (AAA) · on black 1.13:1 (Fail)
Export French Blue Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d8eefe;
--surface: #92d6f0;
--muted: #06bbe8;
--primary: #0098e1;
--secondary: #0075c6;
--accent: #004b90;
--highlight: #003164;
--text: #00142a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d8eefe;
--color-surface: #92d6f0;
--color-muted: #06bbe8;
--color-primary: #0098e1;
--color-secondary: #0075c6;
--color-accent: #004b90;
--color-highlight: #003164;
--color-text: #00142a;
}JSON (DTCG tokens)
{
"french-blue-vault-ft": {
"bg": {
"$type": "color",
"$value": "#d8eefe"
},
"surface": {
"$type": "color",
"$value": "#92d6f0"
},
"muted": {
"$type": "color",
"$value": "#06bbe8"
},
"primary": {
"$type": "color",
"$value": "#0098e1"
},
"secondary": {
"$type": "color",
"$value": "#0075c6"
},
"accent": {
"$type": "color",
"$value": "#004b90"
},
"highlight": {
"$type": "color",
"$value": "#003164"
},
"text": {
"$type": "color",
"$value": "#00142a"
}
}
}About this palette
French Blue Vault is a 8-color OKLCH-ready palette tagged violet, cold, 8 colors. Hex values: #D8EEFE, #92D6F0, #06BBE8, #0098E1, #0075C6, #004B90, #003164, #00142A. APCA contrast score Lc 8.3. 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 French Blue Vault by OKLab color distance.