Palette · 4 colors · Lc 8
Warm Purple Noir palette
Warm Purple Noir: a 4-color palette (Red, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #ECDDE7, #DE72CB, #96258E, #281626, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#ECDDE7
surface
#DE72CB
accent
#96258E
text
#281626
Colors in Warm Purple Noir: HEX, RGB, HSL & OKLCH
- #ECDDE7 color page →
bg
#ECDDE7
- RGB
- rgb(236 221 231)
- HSL
- hsl(320 28% 90%)
- OKLCH
- oklch(0.912 0.021 337.7)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.06:1 (AAA)
- #DE72CB color page →
surface
#DE72CB
- RGB
- rgb(222 114 203)
- HSL
- hsl(311 62% 66%)
- OKLCH
- oklch(0.705 0.171 334.2)
WCAG contrast: on white 2.84:1 (Fail) · on black 7.37:1 (AAA)
- #96258E color page →
accent
#96258E
- RGB
- rgb(150 37 142)
- HSL
- hsl(304 60% 37%)
- OKLCH
- oklch(0.485 0.187 331.2)
WCAG contrast: on white 7.11:1 (AAA) · on black 2.95:1 (Fail)
- #281626 color page →
text
#281626
- RGB
- rgb(40 22 38)
- HSL
- hsl(307 29% 12%)
- OKLCH
- oklch(0.232 0.04 330.8)
WCAG contrast: on white 17.03:1 (AAA) · on black 1.23:1 (Fail)
Export Warm Purple Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ecdde7;
--surface: #de72cb;
--accent: #96258e;
--text: #281626;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ecdde7;
--color-surface: #de72cb;
--color-accent: #96258e;
--color-text: #281626;
}JSON (DTCG tokens)
{
"warm-purple-noir-43e": {
"bg": {
"$type": "color",
"$value": "#ecdde7"
},
"surface": {
"$type": "color",
"$value": "#de72cb"
},
"accent": {
"$type": "color",
"$value": "#96258e"
},
"text": {
"$type": "color",
"$value": "#281626"
}
}
}About this palette
Warm Purple Noir is a 4-color OKLCH-ready palette tagged red, warm, 4 colors. Hex values: #ECDDE7, #DE72CB, #96258E, #281626. APCA contrast score Lc 8. 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 Noir by OKLab color distance.