Palette · 10 colors · Lc 10
Jacuzzi Vault palette
Jacuzzi Vault: a 10-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #EDF3F6, #AFD4E6, #87C7D8, #62A2BD, #3E8FB7, #1B769F, #005973, #004250, #002330, #000C1D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EDF3F6
surface
#AFD4E6
muted
#87C7D8
primary
#62A2BD
secondary
#3E8FB7
accent
#1B769F
highlight
#005973
border
#004250
focus
#002330
text
#000C1D
Colors in Jacuzzi Vault: HEX, RGB, HSL & OKLCH
- #EDF3F6 color page →
bg
#EDF3F6
- RGB
- rgb(237 243 246)
- HSL
- hsl(200 33% 95%)
- OKLCH
- oklch(0.96 0.008 228.9)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.75:1 (AAA)
- #AFD4E6 color page →
surface
#AFD4E6
- RGB
- rgb(175 212 230)
- HSL
- hsl(200 52% 79%)
- OKLCH
- oklch(0.849 0.046 228.9)
WCAG contrast: on white 1.56:1 (Fail) · on black 13.38:1 (AAA)
- #87C7D8 color page →
muted
#87C7D8
- RGB
- rgb(135 199 216)
- HSL
- hsl(193 51% 69%)
- OKLCH
- oklch(0.792 0.069 216.2)
WCAG contrast: on white 1.87:1 (Fail) · on black 11.19:1 (AAA)
- #62A2BD color page →
primary
#62A2BD
- RGB
- rgb(98 162 189)
- HSL
- hsl(198 41% 56%)
- OKLCH
- oklch(0.679 0.077 227)
WCAG contrast: on white 2.82:1 (Fail) · on black 7.42:1 (AAA)
- #3E8FB7 color page →
secondary
#3E8FB7
- RGB
- rgb(62 143 183)
- HSL
- hsl(200 49% 48%)
- OKLCH
- oklch(0.617 0.099 233.1)
WCAG contrast: on white 3.60:1 (Fail) · on black 5.81:1 (AA)
- #1B769F color page →
accent
#1B769F
- RGB
- rgb(27 118 159)
- HSL
- hsl(199 71% 36%)
- OKLCH
- oklch(0.534 0.103 233.8)
WCAG contrast: on white 5.07:1 (AA) · on black 4.13:1 (Fail)
- #005973 color page →
highlight
#005973
- RGB
- rgb(0 89 115)
- HSL
- hsl(194 100% 23%)
- OKLCH
- oklch(0.432 0.083 226.1)
WCAG contrast: on white 7.84:1 (AAA) · on black 2.67:1 (Fail)
- #004250 color page →
border
#004250
- RGB
- rgb(0 66 80)
- HSL
- hsl(191 100% 16%)
- OKLCH
- oklch(0.35 0.063 217.7)
WCAG contrast: on white 11.08:1 (AAA) · on black 1.89:1 (Fail)
- #002330 color page →
focus
#002330
- RGB
- rgb(0 35 48)
- HSL
- hsl(196 100% 9%)
- OKLCH
- oklch(0.239 0.046 227.4)
WCAG contrast: on white 16.36:1 (AAA) · on black 1.28:1 (Fail)
- #000C1D color page →
text
#000C1D
- RGB
- rgb(0 12 29)
- HSL
- hsl(215 100% 6%)
- OKLCH
- oklch(0.152 0.043 250.3)
WCAG contrast: on white 19.62:1 (AAA) · on black 1.07:1 (Fail)
Export Jacuzzi Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #edf3f6;
--surface: #afd4e6;
--muted: #87c7d8;
--primary: #62a2bd;
--secondary: #3e8fb7;
--accent: #1b769f;
--highlight: #005973;
--border: #004250;
--focus: #002330;
--text: #000c1d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #edf3f6;
--color-surface: #afd4e6;
--color-muted: #87c7d8;
--color-primary: #62a2bd;
--color-secondary: #3e8fb7;
--color-accent: #1b769f;
--color-highlight: #005973;
--color-border: #004250;
--color-focus: #002330;
--color-text: #000c1d;
}JSON (DTCG tokens)
{
"jacuzzi-vault-3qq": {
"bg": {
"$type": "color",
"$value": "#edf3f6"
},
"surface": {
"$type": "color",
"$value": "#afd4e6"
},
"muted": {
"$type": "color",
"$value": "#87c7d8"
},
"primary": {
"$type": "color",
"$value": "#62a2bd"
},
"secondary": {
"$type": "color",
"$value": "#3e8fb7"
},
"accent": {
"$type": "color",
"$value": "#1b769f"
},
"highlight": {
"$type": "color",
"$value": "#005973"
},
"border": {
"$type": "color",
"$value": "#004250"
},
"focus": {
"$type": "color",
"$value": "#002330"
},
"text": {
"$type": "color",
"$value": "#000c1d"
}
}
}About this palette
Jacuzzi Vault is a 10-color OKLCH-ready palette tagged violet, cold, ocean, nature, 10 colors. Hex values: #EDF3F6, #AFD4E6, #87C7D8, #62A2BD, #3E8FB7, #1B769F, #005973, #004250, #002330, #000C1D. APCA contrast score Lc 10. 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 Jacuzzi Vault by OKLab color distance.