Palette · 4 colors · Lc 9.5
Purple Rain System palette
Purple Rain System: a 4-color palette (Pink, Rainbow, 4 Colors). HEX, RGB, HSL and OKLCH for #F6EDDB, #C04E00, #6B45CB, #160E01, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F6EDDB
surface
#C04E00
accent
#6B45CB
text
#160E01
Colors in Purple Rain System: HEX, RGB, HSL & OKLCH
- #F6EDDB color page →
bg
#F6EDDB
- RGB
- rgb(246 237 219)
- HSL
- hsl(40 60% 91%)
- OKLCH
- oklch(0.948 0.026 84.6)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.05:1 (AAA)
- #C04E00 color page →
surface
#C04E00
- RGB
- rgb(192 78 0)
- HSL
- hsl(24 100% 38%)
- OKLCH
- oklch(0.566 0.162 44.8)
WCAG contrast: on white 4.84:1 (AA) · on black 4.33:1 (Fail)
- #6B45CB color page →
accent
#6B45CB
- RGB
- rgb(107 69 203)
- HSL
- hsl(257 56% 53%)
- OKLCH
- oklch(0.51 0.196 290.8)
WCAG contrast: on white 6.28:1 (AA) · on black 3.33:1 (Fail)
- #160E01 color page →
text
#160E01
- RGB
- rgb(22 14 1)
- HSL
- hsl(37 91% 5%)
- OKLCH
- oklch(0.17 0.032 83.8)
WCAG contrast: on white 19.13:1 (AAA) · on black 1.09:1 (Fail)
Export Purple Rain System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f6eddb;
--surface: #c04e00;
--accent: #6b45cb;
--text: #160e01;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f6eddb;
--color-surface: #c04e00;
--color-accent: #6b45cb;
--color-text: #160e01;
}JSON (DTCG tokens)
{
"purple-rain-system-11c": {
"bg": {
"$type": "color",
"$value": "#f6eddb"
},
"surface": {
"$type": "color",
"$value": "#c04e00"
},
"accent": {
"$type": "color",
"$value": "#6b45cb"
},
"text": {
"$type": "color",
"$value": "#160e01"
}
}
}About this palette
Purple Rain System is a 4-color OKLCH-ready palette tagged pink, rainbow, 4 colors. Hex values: #F6EDDB, #C04E00, #6B45CB, #160E01. 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 Purple Rain System by OKLab color distance.