Noble Plum
#871f78
Balanced plum magenta for crisp, calm accents
About Noble Plum
On a dark UI mock, Noble Plum reads like a confident magenta that stayed intact, not the bruise-like deepening you get from Hello Darkness My Old Friend, and not the partially drained, more austere seriousness of Bane of Royalty. It's Noble Plum, not shadow-plum, with a steadier pink identity and a smoother, higher color density than Grapest.
I use it when I want the accent to feel the one you reach for in dark mode but still clearly pink first. It's great for high-end beauty panels, subscription and onboarding steps, and CTA states where you need the button to feel firm and premium without going icy or inked. In editorial media templates, it helps headlines land with weight while staying more feminine than the neighboring royal-leaning shades.
Quick note: on very bright backgrounds, it can look flatter and slightly heavy. Pair it with warm near-blacks or deep charcoals so the plum stays clean, not muddy.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.