Palette · 6 colors · Lc 9.1
Hydra Atelier palette
Hydra Atelier: a 6-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E9F2F9, #A0CAE2, #568EB5, #1B6B94, #003F54, #000E21, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9F2F9
surface
#A0CAE2
muted
#568EB5
primary
#1B6B94
accent
#003F54
text
#000E21
Colors in Hydra Atelier: HEX, RGB, HSL & OKLCH
- #E9F2F9 color page →
bg
#E9F2F9
- RGB
- rgb(233 242 249)
- HSL
- hsl(206 57% 95%)
- OKLCH
- oklch(0.956 0.013 241)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.53:1 (AAA)
- #A0CAE2 color page →
surface
#A0CAE2
- RGB
- rgb(160 202 226)
- HSL
- hsl(202 53% 76%)
- OKLCH
- oklch(0.817 0.056 233.4)
WCAG contrast: on white 1.74:1 (Fail) · on black 12.04:1 (AAA)
- #568EB5 color page →
muted
#568EB5
- RGB
- rgb(86 142 181)
- HSL
- hsl(205 39% 52%)
- OKLCH
- oklch(0.624 0.084 240.3)
WCAG contrast: on white 3.54:1 (Fail) · on black 5.93:1 (AA)
- #1B6B94 color page →
primary
#1B6B94
- RGB
- rgb(27 107 148)
- HSL
- hsl(200 69% 34%)
- OKLCH
- oklch(0.501 0.098 236.7)
WCAG contrast: on white 5.87:1 (AA) · on black 3.57:1 (Fail)
- #003F54 color page →
accent
#003F54
- RGB
- rgb(0 63 84)
- HSL
- hsl(195 100% 16%)
- OKLCH
- oklch(0.343 0.067 228.1)
WCAG contrast: on white 11.41:1 (AAA) · on black 1.83:1 (Fail)
- #000E21 color page →
text
#000E21
- RGB
- rgb(0 14 33)
- HSL
- hsl(215 100% 6%)
- OKLCH
- oklch(0.162 0.047 251.1)
WCAG contrast: on white 19.35:1 (AAA) · on black 1.08:1 (Fail)
Export Hydra Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9f2f9;
--surface: #a0cae2;
--muted: #568eb5;
--primary: #1b6b94;
--accent: #003f54;
--text: #000e21;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9f2f9;
--color-surface: #a0cae2;
--color-muted: #568eb5;
--color-primary: #1b6b94;
--color-accent: #003f54;
--color-text: #000e21;
}JSON (DTCG tokens)
{
"hydra-atelier-6y": {
"bg": {
"$type": "color",
"$value": "#e9f2f9"
},
"surface": {
"$type": "color",
"$value": "#a0cae2"
},
"muted": {
"$type": "color",
"$value": "#568eb5"
},
"primary": {
"$type": "color",
"$value": "#1b6b94"
},
"accent": {
"$type": "color",
"$value": "#003f54"
},
"text": {
"$type": "color",
"$value": "#000e21"
}
}
}About this palette
Hydra Atelier is a 6-color OKLCH-ready palette tagged violet, cold, ocean, nature, 6 colors. Hex values: #E9F2F9, #A0CAE2, #568EB5, #1B6B94, #003F54, #000E21. APCA contrast score Lc 9.1. 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 Hydra Atelier by OKLab color distance.