Palette · 8 colors · Lc 9.5
Steady Zenith Ember palette
Steady Zenith Ember: a 8-color palette (Violet, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #DFF1F9, #7AB1C7, #4379A1, #7D587B, #8E594C, #79573A, #294324, #02161C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DFF1F9
surface
#7AB1C7
muted
#4379A1
primary
#7D587B
secondary
#8E594C
accent
#79573A
highlight
#294324
text
#02161C
Colors in Steady Zenith Ember: HEX, RGB, HSL & OKLCH
- #DFF1F9 color page →
bg
#DFF1F9
- RGB
- rgb(223 241 249)
- HSL
- hsl(198 68% 93%)
- OKLCH
- oklch(0.947 0.022 226.1)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.08:1 (AAA)
- #7AB1C7 color page →
surface
#7AB1C7
- RGB
- rgb(122 177 199)
- HSL
- hsl(197 41% 63%)
- OKLCH
- oklch(0.73 0.066 224.9)
WCAG contrast: on white 2.34:1 (Fail) · on black 8.94:1 (AAA)
- #4379A1 color page →
muted
#4379A1
- RGB
- rgb(67 121 161)
- HSL
- hsl(206 41% 45%)
- OKLCH
- oklch(0.556 0.085 242.5)
WCAG contrast: on white 4.67:1 (AA) · on black 4.48:1 (Fail)
- #7D587B color page →
primary
#7D587B
- RGB
- rgb(125 88 123)
- HSL
- hsl(303 17% 42%)
- OKLCH
- oklch(0.512 0.07 328.4)
WCAG contrast: on white 5.90:1 (AA) · on black 3.55:1 (Fail)
- #8E594C color page →
secondary
#8E594C
- RGB
- rgb(142 89 76)
- HSL
- hsl(12 30% 43%)
- OKLCH
- oklch(0.52 0.074 34.5)
WCAG contrast: on white 5.70:1 (AA) · on black 3.68:1 (Fail)
- #79573A color page →
accent
#79573A
- RGB
- rgb(121 87 58)
- HSL
- hsl(28 35% 35%)
- OKLCH
- oklch(0.486 0.062 61)
WCAG contrast: on white 6.48:1 (AA) · on black 3.23:1 (Fail)
- #294324 color page →
highlight
#294324
- RGB
- rgb(41 67 36)
- HSL
- hsl(110 30% 20%)
- OKLCH
- oklch(0.353 0.061 140.5)
WCAG contrast: on white 10.92:1 (AAA) · on black 1.92:1 (Fail)
- #02161C color page →
text
#02161C
- RGB
- rgb(2 22 28)
- HSL
- hsl(194 87% 6%)
- OKLCH
- oklch(0.186 0.03 219)
WCAG contrast: on white 18.51:1 (AAA) · on black 1.13:1 (Fail)
Export Steady Zenith Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dff1f9;
--surface: #7ab1c7;
--muted: #4379a1;
--primary: #7d587b;
--secondary: #8e594c;
--accent: #79573a;
--highlight: #294324;
--text: #02161c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dff1f9;
--color-surface: #7ab1c7;
--color-muted: #4379a1;
--color-primary: #7d587b;
--color-secondary: #8e594c;
--color-accent: #79573a;
--color-highlight: #294324;
--color-text: #02161c;
}JSON (DTCG tokens)
{
"steady-zenith-ember-3dj": {
"bg": {
"$type": "color",
"$value": "#dff1f9"
},
"surface": {
"$type": "color",
"$value": "#7ab1c7"
},
"muted": {
"$type": "color",
"$value": "#4379a1"
},
"primary": {
"$type": "color",
"$value": "#7d587b"
},
"secondary": {
"$type": "color",
"$value": "#8e594c"
},
"accent": {
"$type": "color",
"$value": "#79573a"
},
"highlight": {
"$type": "color",
"$value": "#294324"
},
"text": {
"$type": "color",
"$value": "#02161c"
}
}
}About this palette
Steady Zenith Ember is a 8-color OKLCH-ready palette tagged violet, cold, 8 colors. Hex values: #DFF1F9, #7AB1C7, #4379A1, #7D587B, #8E594C, #79573A, #294324, #02161C. APCA contrast score Lc 9.5. 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 Zenith Ember by OKLab color distance.