Palette · 10 colors · Lc 10
Steady Hydra Quartz palette
Steady Hydra Quartz: a 10-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #EDFBFF, #C1E0EF, #7DBFD8, #579EBB, #2D8DB7, #0071A0, #005D7D, #004857, #012E3D, #05121D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EDFBFF
surface
#C1E0EF
muted
#7DBFD8
primary
#579EBB
secondary
#2D8DB7
accent
#0071A0
highlight
#005D7D
border
#004857
focus
#012E3D
text
#05121D
Colors in Steady Hydra Quartz: HEX, RGB, HSL & OKLCH
- #EDFBFF color page →
bg
#EDFBFF
- RGB
- rgb(237 251 255)
- HSL
- hsl(193 100% 96%)
- OKLCH
- oklch(0.979 0.016 216.7)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.84:1 (AAA)
- #C1E0EF color page →
surface
#C1E0EF
- RGB
- rgb(193 224 239)
- HSL
- hsl(200 59% 85%)
- OKLCH
- oklch(0.889 0.039 228.6)
WCAG contrast: on white 1.38:1 (Fail) · on black 15.17:1 (AAA)
- #7DBFD8 color page →
muted
#7DBFD8
- RGB
- rgb(125 191 216)
- HSL
- hsl(196 54% 67%)
- OKLCH
- oklch(0.769 0.076 223.9)
WCAG contrast: on white 2.03:1 (Fail) · on black 10.31:1 (AAA)
- #579EBB color page →
primary
#579EBB
- RGB
- rgb(87 158 187)
- HSL
- hsl(197 42% 54%)
- OKLCH
- oklch(0.664 0.083 226.7)
WCAG contrast: on white 2.99:1 (Fail) · on black 7.01:1 (AAA)
- #2D8DB7 color page →
secondary
#2D8DB7
- RGB
- rgb(45 141 183)
- HSL
- hsl(198 61% 45%)
- OKLCH
- oklch(0.607 0.107 231.6)
WCAG contrast: on white 3.74:1 (Fail) · on black 5.60:1 (AA)
- #0071A0 color page →
accent
#0071A0
- RGB
- rgb(0 113 160)
- HSL
- hsl(198 100% 31%)
- OKLCH
- oklch(0.519 0.112 236.2)
WCAG contrast: on white 5.42:1 (AA) · on black 3.86:1 (Fail)
- #005D7D color page →
highlight
#005D7D
- RGB
- rgb(0 93 125)
- HSL
- hsl(195 100% 25%)
- OKLCH
- oklch(0.448 0.09 230.5)
WCAG contrast: on white 7.33:1 (AAA) · on black 2.86:1 (Fail)
- #004857 color page →
border
#004857
- RGB
- rgb(0 72 87)
- HSL
- hsl(190 100% 17%)
- OKLCH
- oklch(0.371 0.066 217.7)
WCAG contrast: on white 10.17:1 (AAA) · on black 2.06:1 (Fail)
- #012E3D color page →
focus
#012E3D
- RGB
- rgb(1 46 61)
- HSL
- hsl(195 97% 12%)
- OKLCH
- oklch(0.281 0.053 226.3)
WCAG contrast: on white 14.38:1 (AAA) · on black 1.45:1 (Fail)
- #05121D color page →
text
#05121D
- RGB
- rgb(5 18 29)
- HSL
- hsl(208 71% 7%)
- OKLCH
- oklch(0.176 0.03 244.4)
WCAG contrast: on white 18.90:1 (AAA) · on black 1.11:1 (Fail)
Export Steady Hydra Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #edfbff;
--surface: #c1e0ef;
--muted: #7dbfd8;
--primary: #579ebb;
--secondary: #2d8db7;
--accent: #0071a0;
--highlight: #005d7d;
--border: #004857;
--focus: #012e3d;
--text: #05121d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #edfbff;
--color-surface: #c1e0ef;
--color-muted: #7dbfd8;
--color-primary: #579ebb;
--color-secondary: #2d8db7;
--color-accent: #0071a0;
--color-highlight: #005d7d;
--color-border: #004857;
--color-focus: #012e3d;
--color-text: #05121d;
}JSON (DTCG tokens)
{
"steady-hydra-quartz-7en": {
"bg": {
"$type": "color",
"$value": "#edfbff"
},
"surface": {
"$type": "color",
"$value": "#c1e0ef"
},
"muted": {
"$type": "color",
"$value": "#7dbfd8"
},
"primary": {
"$type": "color",
"$value": "#579ebb"
},
"secondary": {
"$type": "color",
"$value": "#2d8db7"
},
"accent": {
"$type": "color",
"$value": "#0071a0"
},
"highlight": {
"$type": "color",
"$value": "#005d7d"
},
"border": {
"$type": "color",
"$value": "#004857"
},
"focus": {
"$type": "color",
"$value": "#012e3d"
},
"text": {
"$type": "color",
"$value": "#05121d"
}
}
}About this palette
Steady Hydra Quartz is a 10-color OKLCH-ready palette tagged violet, cold, ocean, nature, 10 colors. Hex values: #EDFBFF, #C1E0EF, #7DBFD8, #579EBB, #2D8DB7, #0071A0, #005D7D, #004857, #012E3D, #05121D. 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 Steady Hydra Quartz by OKLab color distance.