Palette · 9 colors · Lc 9.2
Classic Hydra Canvas palette
Classic Hydra Canvas: a 9-color palette (Violet, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #FFECEA, #E0A7A3, #B3675C, #817527, #1E7D6B, #17787F, #166D96, #422D4C, #170806, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFECEA
surface
#E0A7A3
muted
#B3675C
primary
#817527
secondary
#1E7D6B
accent
#17787F
highlight
#166D96
border
#422D4C
text
#170806
Colors in Classic Hydra Canvas: HEX, RGB, HSL & OKLCH
- #FFECEA color page →
bg
#FFECEA
- RGB
- rgb(255 236 234)
- HSL
- hsl(6 100% 96%)
- OKLCH
- oklch(0.958 0.021 24.8)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.43:1 (AAA)
- #E0A7A3 color page →
surface
#E0A7A3
- RGB
- rgb(224 167 163)
- HSL
- hsl(4 50% 76%)
- OKLCH
- oklch(0.78 0.068 23.3)
WCAG contrast: on white 2.05:1 (Fail) · on black 10.22:1 (AAA)
- #B3675C color page →
muted
#B3675C
- RGB
- rgb(179 103 92)
- HSL
- hsl(8 36% 53%)
- OKLCH
- oklch(0.596 0.1 29.1)
WCAG contrast: on white 4.19:1 (Fail) · on black 5.01:1 (AA)
- #817527 color page →
primary
#817527
- RGB
- rgb(129 117 39)
- HSL
- hsl(52 54% 33%)
- OKLCH
- oklch(0.558 0.098 100.5)
WCAG contrast: on white 4.65:1 (AA) · on black 4.50:1 (AA)
- #1E7D6B color page →
secondary
#1E7D6B
- RGB
- rgb(30 125 107)
- HSL
- hsl(169 61% 30%)
- OKLCH
- oklch(0.532 0.09 176.8)
WCAG contrast: on white 4.99:1 (AA) · on black 4.20:1 (Fail)
- #17787F color page →
accent
#17787F
- RGB
- rgb(23 120 127)
- HSL
- hsl(184 69% 29%)
- OKLCH
- oklch(0.524 0.084 202.5)
WCAG contrast: on white 5.21:1 (AA) · on black 4.02:1 (Fail)
- #166D96 color page →
highlight
#166D96
- RGB
- rgb(22 109 150)
- HSL
- hsl(199 74% 34%)
- OKLCH
- oklch(0.506 0.1 235.4)
WCAG contrast: on white 5.73:1 (AA) · on black 3.66:1 (Fail)
- #422D4C color page →
border
#422D4C
- RGB
- rgb(66 45 76)
- HSL
- hsl(281 26% 24%)
- OKLCH
- oklch(0.335 0.059 314.4)
WCAG contrast: on white 12.27:1 (AAA) · on black 1.71:1 (Fail)
- #170806 color page →
text
#170806
- RGB
- rgb(23 8 6)
- HSL
- hsl(7 59% 6%)
- OKLCH
- oklch(0.158 0.028 30.3)
WCAG contrast: on white 19.55:1 (AAA) · on black 1.07:1 (Fail)
Export Classic Hydra Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffecea;
--surface: #e0a7a3;
--muted: #b3675c;
--primary: #817527;
--secondary: #1e7d6b;
--accent: #17787f;
--highlight: #166d96;
--border: #422d4c;
--text: #170806;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffecea;
--color-surface: #e0a7a3;
--color-muted: #b3675c;
--color-primary: #817527;
--color-secondary: #1e7d6b;
--color-accent: #17787f;
--color-highlight: #166d96;
--color-border: #422d4c;
--color-text: #170806;
}JSON (DTCG tokens)
{
"classic-hydra-canvas-23o": {
"bg": {
"$type": "color",
"$value": "#ffecea"
},
"surface": {
"$type": "color",
"$value": "#e0a7a3"
},
"muted": {
"$type": "color",
"$value": "#b3675c"
},
"primary": {
"$type": "color",
"$value": "#817527"
},
"secondary": {
"$type": "color",
"$value": "#1e7d6b"
},
"accent": {
"$type": "color",
"$value": "#17787f"
},
"highlight": {
"$type": "color",
"$value": "#166d96"
},
"border": {
"$type": "color",
"$value": "#422d4c"
},
"text": {
"$type": "color",
"$value": "#170806"
}
}
}About this palette
Classic Hydra Canvas is a 9-color OKLCH-ready palette tagged violet, cold, 9 colors. Hex values: #FFECEA, #E0A7A3, #B3675C, #817527, #1E7D6B, #17787F, #166D96, #422D4C, #170806. APCA contrast score Lc 9.2. 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 Classic Hydra Canvas by OKLab color distance.