Palette · 9 colors · Lc 9.6
Steady Galactic Gossamer Cascade palette
Steady Galactic Gossamer Cascade: a 9-color palette (Pink, 9 Colors). HEX, RGB, HSL and OKLCH for #ECECF4, #C5C6ED, #A9B0E2, #888BC9, #6A65A0, #4F4D84, #382E52, #1E1835, #0A0813, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 9 Colors
bg
#ECECF4
surface
#C5C6ED
muted
#A9B0E2
primary
#888BC9
secondary
#6A65A0
accent
#4F4D84
highlight
#382E52
border
#1E1835
text
#0A0813
Colors in Steady Galactic Gossamer Cascade: HEX, RGB, HSL & OKLCH
- #ECECF4 color page →
bg
#ECECF4
- RGB
- rgb(236 236 244)
- HSL
- hsl(240 27% 94%)
- OKLCH
- oklch(0.945 0.011 286.2)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.87:1 (AAA)
- #C5C6ED color page →
surface
#C5C6ED
- RGB
- rgb(197 198 237)
- HSL
- hsl(239 53% 85%)
- OKLCH
- oklch(0.838 0.054 284)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.67:1 (AAA)
- #A9B0E2 color page →
muted
#A9B0E2
- RGB
- rgb(169 176 226)
- HSL
- hsl(233 50% 77%)
- OKLCH
- oklch(0.769 0.072 278.4)
WCAG contrast: on white 2.10:1 (Fail) · on black 9.99:1 (AAA)
- #888BC9 color page →
primary
#888BC9
- RGB
- rgb(136 139 201)
- HSL
- hsl(237 38% 66%)
- OKLCH
- oklch(0.659 0.092 281.4)
WCAG contrast: on white 3.18:1 (Fail) · on black 6.58:1 (AA)
- #6A65A0 color page →
secondary
#6A65A0
- RGB
- rgb(106 101 160)
- HSL
- hsl(245 24% 51%)
- OKLCH
- oklch(0.537 0.091 286.8)
WCAG contrast: on white 5.27:1 (AA) · on black 3.98:1 (Fail)
- #4F4D84 color page →
accent
#4F4D84
- RGB
- rgb(79 77 132)
- HSL
- hsl(242 26% 41%)
- OKLCH
- oklch(0.448 0.089 283.9)
WCAG contrast: on white 7.70:1 (AAA) · on black 2.72:1 (Fail)
- #382E52 color page →
highlight
#382E52
- RGB
- rgb(56 46 82)
- HSL
- hsl(257 28% 25%)
- OKLCH
- oklch(0.33 0.063 295.5)
WCAG contrast: on white 12.49:1 (AAA) · on black 1.68:1 (Fail)
- #1E1835 color page →
border
#1E1835
- RGB
- rgb(30 24 53)
- HSL
- hsl(252 38% 15%)
- OKLCH
- oklch(0.233 0.055 291.1)
WCAG contrast: on white 16.97:1 (AAA) · on black 1.23:1 (Fail)
- #0A0813 color page →
text
#0A0813
- RGB
- rgb(10 8 19)
- HSL
- hsl(251 41% 5%)
- OKLCH
- oklch(0.144 0.024 291.9)
WCAG contrast: on white 19.86:1 (AAA) · on black 1.05:1 (Fail)
Export Steady Galactic Gossamer Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ececf4;
--surface: #c5c6ed;
--muted: #a9b0e2;
--primary: #888bc9;
--secondary: #6a65a0;
--accent: #4f4d84;
--highlight: #382e52;
--border: #1e1835;
--text: #0a0813;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ececf4;
--color-surface: #c5c6ed;
--color-muted: #a9b0e2;
--color-primary: #888bc9;
--color-secondary: #6a65a0;
--color-accent: #4f4d84;
--color-highlight: #382e52;
--color-border: #1e1835;
--color-text: #0a0813;
}JSON (DTCG tokens)
{
"steady-galactic-gossamer-cascade-717": {
"bg": {
"$type": "color",
"$value": "#ececf4"
},
"surface": {
"$type": "color",
"$value": "#c5c6ed"
},
"muted": {
"$type": "color",
"$value": "#a9b0e2"
},
"primary": {
"$type": "color",
"$value": "#888bc9"
},
"secondary": {
"$type": "color",
"$value": "#6a65a0"
},
"accent": {
"$type": "color",
"$value": "#4f4d84"
},
"highlight": {
"$type": "color",
"$value": "#382e52"
},
"border": {
"$type": "color",
"$value": "#1e1835"
},
"text": {
"$type": "color",
"$value": "#0a0813"
}
}
}About this palette
Steady Galactic Gossamer Cascade is a 9-color OKLCH-ready palette tagged pink, 9 colors. Hex values: #ECECF4, #C5C6ED, #A9B0E2, #888BC9, #6A65A0, #4F4D84, #382E52, #1E1835, #0A0813. APCA contrast score Lc 9.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 Galactic Gossamer Cascade by OKLab color distance.