Palette · 8 colors · Lc 10
True Hydra Garden palette
True Hydra Garden: a 8-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #EDF7FD, #AADDF1, #6EAECB, #4B8EBA, #106791, #005973, #002B41, #011325, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EDF7FD
surface
#AADDF1
muted
#6EAECB
primary
#4B8EBA
secondary
#106791
accent
#005973
highlight
#002B41
text
#011325
Colors in True Hydra Garden: HEX, RGB, HSL & OKLCH
- #EDF7FD color page →
bg
#EDF7FD
- RGB
- rgb(237 247 253)
- HSL
- hsl(203 80% 96%)
- OKLCH
- oklch(0.97 0.013 233.7)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.32:1 (AAA)
- #AADDF1 color page →
surface
#AADDF1
- RGB
- rgb(170 221 241)
- HSL
- hsl(197 72% 81%)
- OKLCH
- oklch(0.869 0.059 223.9)
WCAG contrast: on white 1.46:1 (Fail) · on black 14.32:1 (AAA)
- #6EAECB color page →
muted
#6EAECB
- RGB
- rgb(110 174 203)
- HSL
- hsl(199 47% 61%)
- OKLCH
- oklch(0.718 0.078 228.5)
WCAG contrast: on white 2.44:1 (Fail) · on black 8.57:1 (AAA)
- #4B8EBA color page →
primary
#4B8EBA
- RGB
- rgb(75 142 186)
- HSL
- hsl(204 45% 51%)
- OKLCH
- oklch(0.621 0.095 239.6)
WCAG contrast: on white 3.57:1 (Fail) · on black 5.87:1 (AA)
- #106791 color page →
secondary
#106791
- RGB
- rgb(16 103 145)
- HSL
- hsl(200 80% 32%)
- OKLCH
- oklch(0.487 0.101 236.8)
WCAG contrast: on white 6.22:1 (AA) · on black 3.37:1 (Fail)
- #005973 color page →
accent
#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)
- #002B41 color page →
highlight
#002B41
- RGB
- rgb(0 43 65)
- HSL
- hsl(200 100% 13%)
- OKLCH
- oklch(0.274 0.06 237.3)
WCAG contrast: on white 14.76:1 (AAA) · on black 1.42:1 (Fail)
- #011325 color page →
text
#011325
- RGB
- rgb(1 19 37)
- HSL
- hsl(210 95% 7%)
- OKLCH
- oklch(0.182 0.046 247.8)
WCAG contrast: on white 18.73:1 (AAA) · on black 1.12:1 (Fail)
Export True Hydra Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #edf7fd;
--surface: #aaddf1;
--muted: #6eaecb;
--primary: #4b8eba;
--secondary: #106791;
--accent: #005973;
--highlight: #002b41;
--text: #011325;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #edf7fd;
--color-surface: #aaddf1;
--color-muted: #6eaecb;
--color-primary: #4b8eba;
--color-secondary: #106791;
--color-accent: #005973;
--color-highlight: #002b41;
--color-text: #011325;
}JSON (DTCG tokens)
{
"true-hydra-garden-3sr": {
"bg": {
"$type": "color",
"$value": "#edf7fd"
},
"surface": {
"$type": "color",
"$value": "#aaddf1"
},
"muted": {
"$type": "color",
"$value": "#6eaecb"
},
"primary": {
"$type": "color",
"$value": "#4b8eba"
},
"secondary": {
"$type": "color",
"$value": "#106791"
},
"accent": {
"$type": "color",
"$value": "#005973"
},
"highlight": {
"$type": "color",
"$value": "#002b41"
},
"text": {
"$type": "color",
"$value": "#011325"
}
}
}About this palette
True Hydra Garden is a 8-color OKLCH-ready palette tagged violet, cold, ocean, nature, 8 colors. Hex values: #EDF7FD, #AADDF1, #6EAECB, #4B8EBA, #106791, #005973, #002B41, #011325. 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 True Hydra Garden by OKLab color distance.