Palette · 10 colors · Lc 8.6
Steady Hydra Meadow palette
Steady Hydra Meadow: a 10-color palette (Violet, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #050B11, #0F2135, #003254, #114F75, #146E9D, #4687B0, #669CC7, #82BBDB, #B9DFFE, #DDEEF6, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#050B11
surface
#0F2135
muted
#003254
primary
#114F75
secondary
#146E9D
accent
#4687B0
highlight
#669CC7
border
#82BBDB
focus
#B9DFFE
text
#DDEEF6
Colors in Steady Hydra Meadow: HEX, RGB, HSL & OKLCH
- #050B11 color page →
bg
#050B11
- RGB
- rgb(5 11 17)
- HSL
- hsl(210 55% 4%)
- OKLCH
- oklch(0.146 0.017 245.1)
WCAG contrast: on white 19.76:1 (AAA) · on black 1.06:1 (Fail)
- #0F2135 color page →
surface
#0F2135
- RGB
- rgb(15 33 53)
- HSL
- hsl(212 56% 13%)
- OKLCH
- oklch(0.243 0.045 252.4)
WCAG contrast: on white 16.28:1 (AAA) · on black 1.28:1 (Fail)
- #003254 color page →
muted
#003254
- RGB
- rgb(0 50 84)
- HSL
- hsl(204 100% 16%)
- OKLCH
- oklch(0.307 0.078 245.5)
WCAG contrast: on white 13.25:1 (AAA) · on black 1.58:1 (Fail)
- #114F75 color page →
primary
#114F75
- RGB
- rgb(17 79 117)
- HSL
- hsl(203 75% 26%)
- OKLCH
- oklch(0.41 0.087 241.5)
WCAG contrast: on white 8.75:1 (AAA) · on black 2.39:1 (Fail)
- #146E9D color page →
secondary
#146E9D
- RGB
- rgb(20 110 157)
- HSL
- hsl(201 77% 35%)
- OKLCH
- oklch(0.512 0.108 238.5)
WCAG contrast: on white 5.60:1 (AA) · on black 3.74:1 (Fail)
- #4687B0 color page →
accent
#4687B0
- RGB
- rgb(70 135 176)
- HSL
- hsl(203 43% 48%)
- OKLCH
- oklch(0.598 0.091 238.6)
WCAG contrast: on white 3.92:1 (Fail) · on black 5.35:1 (AA)
- #669CC7 color page →
highlight
#669CC7
- RGB
- rgb(102 156 199)
- HSL
- hsl(207 46% 59%)
- OKLCH
- oklch(0.672 0.086 243.6)
WCAG contrast: on white 2.93:1 (Fail) · on black 7.14:1 (AAA)
- #82BBDB color page →
border
#82BBDB
- RGB
- rgb(130 187 219)
- HSL
- hsl(202 55% 68%)
- OKLCH
- oklch(0.764 0.075 233.7)
WCAG contrast: on white 2.08:1 (Fail) · on black 10.08:1 (AAA)
- #B9DFFE color page →
focus
#B9DFFE
- RGB
- rgb(185 223 254)
- HSL
- hsl(207 97% 86%)
- OKLCH
- oklch(0.887 0.059 243)
WCAG contrast: on white 1.39:1 (Fail) · on black 15.04:1 (AAA)
- #DDEEF6 color page →
text
#DDEEF6
- RGB
- rgb(221 238 246)
- HSL
- hsl(199 58% 92%)
- OKLCH
- oklch(0.939 0.021 227.5)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.63:1 (AAA)
Export Steady Hydra Meadow: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #050b11;
--surface: #0f2135;
--muted: #003254;
--primary: #114f75;
--secondary: #146e9d;
--accent: #4687b0;
--highlight: #669cc7;
--border: #82bbdb;
--focus: #b9dffe;
--text: #ddeef6;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #050b11;
--color-surface: #0f2135;
--color-muted: #003254;
--color-primary: #114f75;
--color-secondary: #146e9d;
--color-accent: #4687b0;
--color-highlight: #669cc7;
--color-border: #82bbdb;
--color-focus: #b9dffe;
--color-text: #ddeef6;
}JSON (DTCG tokens)
{
"steady-hydra-meadow-5av": {
"bg": {
"$type": "color",
"$value": "#050b11"
},
"surface": {
"$type": "color",
"$value": "#0f2135"
},
"muted": {
"$type": "color",
"$value": "#003254"
},
"primary": {
"$type": "color",
"$value": "#114f75"
},
"secondary": {
"$type": "color",
"$value": "#146e9d"
},
"accent": {
"$type": "color",
"$value": "#4687b0"
},
"highlight": {
"$type": "color",
"$value": "#669cc7"
},
"border": {
"$type": "color",
"$value": "#82bbdb"
},
"focus": {
"$type": "color",
"$value": "#b9dffe"
},
"text": {
"$type": "color",
"$value": "#ddeef6"
}
}
}About this palette
Steady Hydra Meadow is a 10-color OKLCH-ready palette tagged violet, cold, 10 colors. Hex values: #050B11, #0F2135, #003254, #114F75, #146E9D, #4687B0, #669CC7, #82BBDB, #B9DFFE, #DDEEF6. APCA contrast score Lc 8.6. 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 Meadow by OKLab color distance.