Palette · 7 colors · Lc 10
Steady Aster Prism palette
Steady Aster Prism: a 7-color palette (Pink, 7 Colors). HEX, RGB, HSL and OKLCH for #F2F0FF, #CDC5DF, #A799C2, #8B79AB, #5A517E, #38334F, #170B28, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 7 Colors
bg
#F2F0FF
surface
#CDC5DF
muted
#A799C2
primary
#8B79AB
secondary
#5A517E
accent
#38334F
text
#170B28
Colors in Steady Aster Prism: HEX, RGB, HSL & OKLCH
- #F2F0FF color page →
bg
#F2F0FF
- RGB
- rgb(242 240 255)
- HSL
- hsl(248 100% 97%)
- OKLCH
- oklch(0.961 0.02 292.1)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.68:1 (AAA)
- #CDC5DF color page →
surface
#CDC5DF
- RGB
- rgb(205 197 223)
- HSL
- hsl(258 29% 82%)
- OKLCH
- oklch(0.838 0.037 299.6)
WCAG contrast: on white 1.66:1 (Fail) · on black 12.64:1 (AAA)
- #A799C2 color page →
muted
#A799C2
- RGB
- rgb(167 153 194)
- HSL
- hsl(260 25% 68%)
- OKLCH
- oklch(0.709 0.061 300.5)
WCAG contrast: on white 2.63:1 (Fail) · on black 7.97:1 (AAA)
- #8B79AB color page →
primary
#8B79AB
- RGB
- rgb(139 121 171)
- HSL
- hsl(262 23% 57%)
- OKLCH
- oklch(0.611 0.077 300.7)
WCAG contrast: on white 3.87:1 (Fail) · on black 5.42:1 (AA)
- #5A517E color page →
secondary
#5A517E
- RGB
- rgb(90 81 126)
- HSL
- hsl(252 22% 41%)
- OKLCH
- oklch(0.463 0.073 292.5)
WCAG contrast: on white 7.20:1 (AAA) · on black 2.91:1 (Fail)
- #38334F color page →
accent
#38334F
- RGB
- rgb(56 51 79)
- HSL
- hsl(251 22% 25%)
- OKLCH
- oklch(0.339 0.049 291.8)
WCAG contrast: on white 11.96:1 (AAA) · on black 1.75:1 (Fail)
- #170B28 color page →
text
#170B28
- RGB
- rgb(23 11 40)
- HSL
- hsl(265 57% 10%)
- OKLCH
- oklch(0.185 0.057 299.9)
WCAG contrast: on white 18.83:1 (AAA) · on black 1.11:1 (Fail)
Export Steady Aster Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2f0ff;
--surface: #cdc5df;
--muted: #a799c2;
--primary: #8b79ab;
--secondary: #5a517e;
--accent: #38334f;
--text: #170b28;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2f0ff;
--color-surface: #cdc5df;
--color-muted: #a799c2;
--color-primary: #8b79ab;
--color-secondary: #5a517e;
--color-accent: #38334f;
--color-text: #170b28;
}JSON (DTCG tokens)
{
"steady-aster-prism-33s": {
"bg": {
"$type": "color",
"$value": "#f2f0ff"
},
"surface": {
"$type": "color",
"$value": "#cdc5df"
},
"muted": {
"$type": "color",
"$value": "#a799c2"
},
"primary": {
"$type": "color",
"$value": "#8b79ab"
},
"secondary": {
"$type": "color",
"$value": "#5a517e"
},
"accent": {
"$type": "color",
"$value": "#38334f"
},
"text": {
"$type": "color",
"$value": "#170b28"
}
}
}About this palette
Steady Aster Prism is a 7-color OKLCH-ready palette tagged pink, 7 colors. Hex values: #F2F0FF, #CDC5DF, #A799C2, #8B79AB, #5A517E, #38334F, #170B28. APCA contrast score Lc 10. 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 Aster Prism by OKLab color distance.