Palette · 7 colors · Lc 9.3
Pure Hydro Ember palette
Pure Hydro Ember: a 7-color palette (Blue, Gray, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #E8F7FA, #ADCCD4, #799EAC, #407481, #2A5461, #1D3137, #050C0E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E8F7FA
surface
#ADCCD4
muted
#799EAC
primary
#407481
secondary
#2A5461
accent
#1D3137
text
#050C0E
Colors in Pure Hydro Ember: HEX, RGB, HSL & OKLCH
- #E8F7FA color page →
bg
#E8F7FA
- RGB
- rgb(232 247 250)
- HSL
- hsl(190 64% 95%)
- OKLCH
- oklch(0.966 0.016 211)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.11:1 (AAA)
- #ADCCD4 color page →
surface
#ADCCD4
- RGB
- rgb(173 204 212)
- HSL
- hsl(192 31% 75%)
- OKLCH
- oklch(0.825 0.035 215.1)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.36:1 (AAA)
- #799EAC color page →
muted
#799EAC
- RGB
- rgb(121 158 172)
- HSL
- hsl(196 24% 57%)
- OKLCH
- oklch(0.677 0.046 223.1)
WCAG contrast: on white 2.87:1 (Fail) · on black 7.29:1 (AAA)
- #407481 color page →
primary
#407481
- RGB
- rgb(64 116 129)
- HSL
- hsl(192 34% 38%)
- OKLCH
- oklch(0.528 0.059 215.8)
WCAG contrast: on white 5.20:1 (AA) · on black 4.03:1 (Fail)
- #2A5461 color page →
secondary
#2A5461
- RGB
- rgb(42 84 97)
- HSL
- hsl(194 40% 27%)
- OKLCH
- oklch(0.421 0.051 220.4)
WCAG contrast: on white 8.27:1 (AAA) · on black 2.53:1 (Fail)
- #1D3137 color page →
accent
#1D3137
- RGB
- rgb(29 49 55)
- HSL
- hsl(194 31% 16%)
- OKLCH
- oklch(0.299 0.028 218.7)
WCAG contrast: on white 13.57:1 (AAA) · on black 1.54:1 (Fail)
- #050C0E color page →
text
#050C0E
- RGB
- rgb(5 12 14)
- HSL
- hsl(193 47% 4%)
- OKLCH
- oklch(0.147 0.013 215.1)
WCAG contrast: on white 19.71:1 (AAA) · on black 1.06:1 (Fail)
Export Pure Hydro Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e8f7fa;
--surface: #adccd4;
--muted: #799eac;
--primary: #407481;
--secondary: #2a5461;
--accent: #1d3137;
--text: #050c0e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e8f7fa;
--color-surface: #adccd4;
--color-muted: #799eac;
--color-primary: #407481;
--color-secondary: #2a5461;
--color-accent: #1d3137;
--color-text: #050c0e;
}JSON (DTCG tokens)
{
"pure-hydro-ember-20n": {
"bg": {
"$type": "color",
"$value": "#e8f7fa"
},
"surface": {
"$type": "color",
"$value": "#adccd4"
},
"muted": {
"$type": "color",
"$value": "#799eac"
},
"primary": {
"$type": "color",
"$value": "#407481"
},
"secondary": {
"$type": "color",
"$value": "#2a5461"
},
"accent": {
"$type": "color",
"$value": "#1d3137"
},
"text": {
"$type": "color",
"$value": "#050c0e"
}
}
}About this palette
Pure Hydro Ember is a 7-color OKLCH-ready palette tagged blue, gray, cold, 7 colors. Hex values: #E8F7FA, #ADCCD4, #799EAC, #407481, #2A5461, #1D3137, #050C0E. APCA contrast score Lc 9.3. 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 Pure Hydro Ember by OKLab color distance.