Palette · 6 colors · Lc 8.8
Hydra Canvas palette
Hydra Canvas: a 6-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E0EEF5, #9CC4D4, #4A90B5, #006A92, #004050, #001222, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E0EEF5
surface
#9CC4D4
muted
#4A90B5
primary
#006A92
accent
#004050
text
#001222
Colors in Hydra Canvas: HEX, RGB, HSL & OKLCH
- #E0EEF5 color page →
bg
#E0EEF5
- RGB
- rgb(224 238 245)
- HSL
- hsl(200 51% 92%)
- OKLCH
- oklch(0.941 0.018 229)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.71:1 (AAA)
- #9CC4D4 color page →
surface
#9CC4D4
- RGB
- rgb(156 196 212)
- HSL
- hsl(197 39% 72%)
- OKLCH
- oklch(0.797 0.048 224.2)
WCAG contrast: on white 1.86:1 (Fail) · on black 11.26:1 (AAA)
- #4A90B5 color page →
muted
#4A90B5
- RGB
- rgb(74 144 181)
- HSL
- hsl(201 42% 50%)
- OKLCH
- oklch(0.623 0.09 233.8)
WCAG contrast: on white 3.53:1 (Fail) · on black 5.94:1 (AA)
- #006A92 color page →
primary
#006A92
- RGB
- rgb(0 106 146)
- HSL
- hsl(196 100% 29%)
- OKLCH
- oklch(0.494 0.102 233.4)
WCAG contrast: on white 6.04:1 (AA) · on black 3.47:1 (Fail)
- #004050 color page →
accent
#004050
- RGB
- rgb(0 64 80)
- HSL
- hsl(192 100% 16%)
- OKLCH
- oklch(0.344 0.063 221.2)
WCAG contrast: on white 11.35:1 (AAA) · on black 1.84:1 (Fail)
- #001222 color page →
text
#001222
- RGB
- rgb(0 18 34)
- HSL
- hsl(208 100% 7%)
- OKLCH
- oklch(0.176 0.043 244)
WCAG contrast: on white 18.92:1 (AAA) · on black 1.10:1 (Fail)
Export Hydra Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e0eef5;
--surface: #9cc4d4;
--muted: #4a90b5;
--primary: #006a92;
--accent: #004050;
--text: #001222;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e0eef5;
--color-surface: #9cc4d4;
--color-muted: #4a90b5;
--color-primary: #006a92;
--color-accent: #004050;
--color-text: #001222;
}JSON (DTCG tokens)
{
"hydra-canvas-7md": {
"bg": {
"$type": "color",
"$value": "#e0eef5"
},
"surface": {
"$type": "color",
"$value": "#9cc4d4"
},
"muted": {
"$type": "color",
"$value": "#4a90b5"
},
"primary": {
"$type": "color",
"$value": "#006a92"
},
"accent": {
"$type": "color",
"$value": "#004050"
},
"text": {
"$type": "color",
"$value": "#001222"
}
}
}About this palette
Hydra Canvas is a 6-color OKLCH-ready palette tagged violet, cold, ocean, nature, 6 colors. Hex values: #E0EEF5, #9CC4D4, #4A90B5, #006A92, #004050, #001222. APCA contrast score Lc 8.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 Hydra Canvas by OKLab color distance.