Palette · 10 colors · Lc 9
Warm Purple Prism palette
Warm Purple Prism: a 10-color palette (Red, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #F0E7F0, #DDBEEF, #C5A3F2, #C688E2, #B95DD0, #A53098, #912673, #710B45, #480337, #2A0625, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0E7F0
surface
#DDBEEF
muted
#C5A3F2
primary
#C688E2
secondary
#B95DD0
accent
#A53098
highlight
#912673
border
#710B45
focus
#480337
text
#2A0625
Colors in Warm Purple Prism: HEX, RGB, HSL & OKLCH
- #F0E7F0 color page →
bg
#F0E7F0
- RGB
- rgb(240 231 240)
- HSL
- hsl(300 23% 92%)
- OKLCH
- oklch(0.938 0.015 325.7)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.39:1 (AAA)
- #DDBEEF color page →
surface
#DDBEEF
- RGB
- rgb(221 190 239)
- HSL
- hsl(278 60% 84%)
- OKLCH
- oklch(0.844 0.075 313)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.68:1 (AAA)
- #C5A3F2 color page →
muted
#C5A3F2
- RGB
- rgb(197 163 242)
- HSL
- hsl(266 75% 79%)
- OKLCH
- oklch(0.774 0.116 303.6)
WCAG contrast: on white 2.12:1 (Fail) · on black 9.89:1 (AAA)
- #C688E2 color page →
primary
#C688E2
- RGB
- rgb(198 136 226)
- HSL
- hsl(281 61% 71%)
- OKLCH
- oklch(0.721 0.142 314.8)
WCAG contrast: on white 2.61:1 (Fail) · on black 8.02:1 (AAA)
- #B95DD0 color page →
secondary
#B95DD0
- RGB
- rgb(185 93 208)
- HSL
- hsl(288 55% 59%)
- OKLCH
- oklch(0.633 0.187 319.2)
WCAG contrast: on white 3.79:1 (Fail) · on black 5.53:1 (AA)
- #A53098 color page →
accent
#A53098
- RGB
- rgb(165 48 152)
- HSL
- hsl(307 55% 42%)
- OKLCH
- oklch(0.524 0.191 332.8)
WCAG contrast: on white 6.04:1 (AA) · on black 3.47:1 (Fail)
- #912673 color page →
highlight
#912673
- RGB
- rgb(145 38 115)
- HSL
- hsl(317 58% 36%)
- OKLCH
- oklch(0.464 0.164 341.4)
WCAG contrast: on white 7.69:1 (AAA) · on black 2.72:1 (Fail)
- #710B45 color page →
border
#710B45
- RGB
- rgb(113 11 69)
- HSL
- hsl(326 82% 24%)
- OKLCH
- oklch(0.366 0.142 353)
WCAG contrast: on white 11.43:1 (AAA) · on black 1.83:1 (Fail)
- #480337 color page →
focus
#480337
- RGB
- rgb(72 3 55)
- HSL
- hsl(315 92% 15%)
- OKLCH
- oklch(0.273 0.113 341.2)
WCAG contrast: on white 15.62:1 (AAA) · on black 1.34:1 (Fail)
- #2A0625 color page →
text
#2A0625
- RGB
- rgb(42 6 37)
- HSL
- hsl(308 75% 9%)
- OKLCH
- oklch(0.206 0.074 334)
WCAG contrast: on white 18.24:1 (AAA) · on black 1.15:1 (Fail)
Export Warm Purple Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0e7f0;
--surface: #ddbeef;
--muted: #c5a3f2;
--primary: #c688e2;
--secondary: #b95dd0;
--accent: #a53098;
--highlight: #912673;
--border: #710b45;
--focus: #480337;
--text: #2a0625;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0e7f0;
--color-surface: #ddbeef;
--color-muted: #c5a3f2;
--color-primary: #c688e2;
--color-secondary: #b95dd0;
--color-accent: #a53098;
--color-highlight: #912673;
--color-border: #710b45;
--color-focus: #480337;
--color-text: #2a0625;
}JSON (DTCG tokens)
{
"warm-purple-prism-7hl": {
"bg": {
"$type": "color",
"$value": "#f0e7f0"
},
"surface": {
"$type": "color",
"$value": "#ddbeef"
},
"muted": {
"$type": "color",
"$value": "#c5a3f2"
},
"primary": {
"$type": "color",
"$value": "#c688e2"
},
"secondary": {
"$type": "color",
"$value": "#b95dd0"
},
"accent": {
"$type": "color",
"$value": "#a53098"
},
"highlight": {
"$type": "color",
"$value": "#912673"
},
"border": {
"$type": "color",
"$value": "#710b45"
},
"focus": {
"$type": "color",
"$value": "#480337"
},
"text": {
"$type": "color",
"$value": "#2a0625"
}
}
}About this palette
Warm Purple Prism is a 10-color OKLCH-ready palette tagged red, warm, 10 colors. Hex values: #F0E7F0, #DDBEEF, #C5A3F2, #C688E2, #B95DD0, #A53098, #912673, #710B45, #480337, #2A0625. APCA contrast score Lc 9. 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 Warm Purple Prism by OKLab color distance.