Palette · 7 colors · Lc 9.6
True Purple Rain Cascade palette
True Purple Rain Cascade: a 7-color palette (Pink, 7 Colors). HEX, RGB, HSL and OKLCH for #F4EBFF, #C7BBFF, #A687EA, #7C4CBE, #552C89, #351356, #0A0516, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 7 Colors
bg
#F4EBFF
surface
#C7BBFF
muted
#A687EA
primary
#7C4CBE
secondary
#552C89
accent
#351356
text
#0A0516
Colors in True Purple Rain Cascade: HEX, RGB, HSL & OKLCH
- #F4EBFF color page →
bg
#F4EBFF
- RGB
- rgb(244 235 255)
- HSL
- hsl(267 100% 96%)
- OKLCH
- oklch(0.953 0.028 306.1)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.17:1 (AAA)
- #C7BBFF color page →
surface
#C7BBFF
- RGB
- rgb(199 187 255)
- HSL
- hsl(251 100% 87%)
- OKLCH
- oklch(0.826 0.095 292.3)
WCAG contrast: on white 1.75:1 (Fail) · on black 11.98:1 (AAA)
- #A687EA color page →
muted
#A687EA
- RGB
- rgb(166 135 234)
- HSL
- hsl(259 70% 72%)
- OKLCH
- oklch(0.693 0.144 296.9)
WCAG contrast: on white 2.88:1 (Fail) · on black 7.27:1 (AAA)
- #7C4CBE color page →
primary
#7C4CBE
- RGB
- rgb(124 76 190)
- HSL
- hsl(265 47% 52%)
- OKLCH
- oklch(0.528 0.173 299.9)
WCAG contrast: on white 5.77:1 (AA) · on black 3.63:1 (Fail)
- #552C89 color page →
secondary
#552C89
- RGB
- rgb(85 44 137)
- HSL
- hsl(266 51% 35%)
- OKLCH
- oklch(0.398 0.148 299.9)
WCAG contrast: on white 9.96:1 (AAA) · on black 2.10:1 (Fail)
- #351356 color page →
accent
#351356
- RGB
- rgb(53 19 86)
- HSL
- hsl(270 64% 21%)
- OKLCH
- oklch(0.28 0.114 302.7)
WCAG contrast: on white 15.22:1 (AAA) · on black 1.37:1 (Fail)
- #0A0516 color page →
text
#0A0516
- RGB
- rgb(10 5 22)
- HSL
- hsl(258 63% 5%)
- OKLCH
- oklch(0.136 0.039 296.3)
WCAG contrast: on white 20.07:1 (AAA) · on black 1.04:1 (Fail)
Export True Purple Rain Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4ebff;
--surface: #c7bbff;
--muted: #a687ea;
--primary: #7c4cbe;
--secondary: #552c89;
--accent: #351356;
--text: #0a0516;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4ebff;
--color-surface: #c7bbff;
--color-muted: #a687ea;
--color-primary: #7c4cbe;
--color-secondary: #552c89;
--color-accent: #351356;
--color-text: #0a0516;
}JSON (DTCG tokens)
{
"true-purple-rain-cascade-13f": {
"bg": {
"$type": "color",
"$value": "#f4ebff"
},
"surface": {
"$type": "color",
"$value": "#c7bbff"
},
"muted": {
"$type": "color",
"$value": "#a687ea"
},
"primary": {
"$type": "color",
"$value": "#7c4cbe"
},
"secondary": {
"$type": "color",
"$value": "#552c89"
},
"accent": {
"$type": "color",
"$value": "#351356"
},
"text": {
"$type": "color",
"$value": "#0a0516"
}
}
}About this palette
True Purple Rain Cascade is a 7-color OKLCH-ready palette tagged pink, 7 colors. Hex values: #F4EBFF, #C7BBFF, #A687EA, #7C4CBE, #552C89, #351356, #0A0516. 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 True Purple Rain Cascade by OKLab color distance.