Palette · 8 colors · Lc 8.6
Heavenly Sky Horizon palette
Heavenly Sky Horizon: a 8-color palette (Violet, Gray, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #E2E7EE, #C0CED9, #89A9B9, #6E93B2, #5B748E, #49516C, #283448, #0D1117, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E2E7EE
surface
#C0CED9
muted
#89A9B9
primary
#6E93B2
secondary
#5B748E
accent
#49516C
highlight
#283448
text
#0D1117
Colors in Heavenly Sky Horizon: HEX, RGB, HSL & OKLCH
- #E2E7EE color page →
bg
#E2E7EE
- RGB
- rgb(226 231 238)
- HSL
- hsl(215 26% 91%)
- OKLCH
- oklch(0.926 0.011 256.7)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.89:1 (AAA)
- #C0CED9 color page →
surface
#C0CED9
- RGB
- rgb(192 206 217)
- HSL
- hsl(206 25% 80%)
- OKLCH
- oklch(0.844 0.022 241.4)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.07:1 (AAA)
- #89A9B9 color page →
muted
#89A9B9
- RGB
- rgb(137 169 185)
- HSL
- hsl(200 26% 63%)
- OKLCH
- oklch(0.716 0.042 229.7)
WCAG contrast: on white 2.48:1 (Fail) · on black 8.43:1 (AAA)
- #6E93B2 color page →
primary
#6E93B2
- RGB
- rgb(110 147 178)
- HSL
- hsl(207 31% 56%)
- OKLCH
- oklch(0.647 0.062 244.2)
WCAG contrast: on white 3.24:1 (Fail) · on black 6.47:1 (AA)
- #5B748E color page →
secondary
#5B748E
- RGB
- rgb(91 116 142)
- HSL
- hsl(211 22% 46%)
- OKLCH
- oklch(0.549 0.05 249.8)
WCAG contrast: on white 4.84:1 (AA) · on black 4.33:1 (Fail)
- #49516C color page →
accent
#49516C
- RGB
- rgb(73 81 108)
- HSL
- hsl(226 19% 35%)
- OKLCH
- oklch(0.439 0.046 271.6)
WCAG contrast: on white 7.84:1 (AAA) · on black 2.67:1 (Fail)
- #283448 color page →
highlight
#283448
- RGB
- rgb(40 52 72)
- HSL
- hsl(218 29% 22%)
- OKLCH
- oklch(0.323 0.039 260.4)
WCAG contrast: on white 12.53:1 (AAA) · on black 1.67:1 (Fail)
- #0D1117 color page →
text
#0D1117
- RGB
- rgb(13 17 23)
- HSL
- hsl(216 28% 7%)
- OKLCH
- oklch(0.176 0.014 258.4)
WCAG contrast: on white 18.92:1 (AAA) · on black 1.10:1 (Fail)
Export Heavenly Sky Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e2e7ee;
--surface: #c0ced9;
--muted: #89a9b9;
--primary: #6e93b2;
--secondary: #5b748e;
--accent: #49516c;
--highlight: #283448;
--text: #0d1117;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e2e7ee;
--color-surface: #c0ced9;
--color-muted: #89a9b9;
--color-primary: #6e93b2;
--color-secondary: #5b748e;
--color-accent: #49516c;
--color-highlight: #283448;
--color-text: #0d1117;
}JSON (DTCG tokens)
{
"heavenly-sky-horizon-6m": {
"bg": {
"$type": "color",
"$value": "#e2e7ee"
},
"surface": {
"$type": "color",
"$value": "#c0ced9"
},
"muted": {
"$type": "color",
"$value": "#89a9b9"
},
"primary": {
"$type": "color",
"$value": "#6e93b2"
},
"secondary": {
"$type": "color",
"$value": "#5b748e"
},
"accent": {
"$type": "color",
"$value": "#49516c"
},
"highlight": {
"$type": "color",
"$value": "#283448"
},
"text": {
"$type": "color",
"$value": "#0d1117"
}
}
}About this palette
Heavenly Sky Horizon is a 8-color OKLCH-ready palette tagged violet, gray, cold, 8 colors. Hex values: #E2E7EE, #C0CED9, #89A9B9, #6E93B2, #5B748E, #49516C, #283448, #0D1117. 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 Heavenly Sky Horizon by OKLab color distance.