Palette · 4 colors · Lc 8.1
True Hydra System palette
True Hydra System: a 4-color palette (Violet, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #EDDDE5, #9E5675, #006F9B, #160B10, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EDDDE5
surface
#9E5675
accent
#006F9B
text
#160B10
Colors in True Hydra System: HEX, RGB, HSL & OKLCH
- #EDDDE5 color page →
bg
#EDDDE5
- RGB
- rgb(237 221 229)
- HSL
- hsl(330 31% 90%)
- OKLCH
- oklch(0.913 0.02 345.7)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.07:1 (AAA)
- #9E5675 color page →
surface
#9E5675
- RGB
- rgb(158 86 117)
- HSL
- hsl(334 30% 48%)
- OKLCH
- oklch(0.547 0.102 353.8)
WCAG contrast: on white 5.19:1 (AA) · on black 4.04:1 (Fail)
- #006F9B color page →
accent
#006F9B
- RGB
- rgb(0 111 155)
- HSL
- hsl(197 100% 30%)
- OKLCH
- oklch(0.511 0.108 234.8)
WCAG contrast: on white 5.60:1 (AA) · on black 3.74:1 (Fail)
- #160B10 color page →
text
#160B10
- RGB
- rgb(22 11 16)
- HSL
- hsl(333 33% 6%)
- OKLCH
- oklch(0.168 0.021 350.8)
WCAG contrast: on white 19.27:1 (AAA) · on black 1.08:1 (Fail)
Export True Hydra System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eddde5;
--surface: #9e5675;
--accent: #006f9b;
--text: #160b10;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eddde5;
--color-surface: #9e5675;
--color-accent: #006f9b;
--color-text: #160b10;
}JSON (DTCG tokens)
{
"true-hydra-system-3q9": {
"bg": {
"$type": "color",
"$value": "#eddde5"
},
"surface": {
"$type": "color",
"$value": "#9e5675"
},
"accent": {
"$type": "color",
"$value": "#006f9b"
},
"text": {
"$type": "color",
"$value": "#160b10"
}
}
}About this palette
True Hydra System is a 4-color OKLCH-ready palette tagged violet, cold, 4 colors. Hex values: #EDDDE5, #9E5675, #006F9B, #160B10. APCA contrast score Lc 8.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 True Hydra System by OKLab color distance.