Imperial
#602f6b
Deeper imperial plum for contrast-heavy, subdued UI blocks
About Imperial
Imperial (#602f6b) looks like a plum-tinted ink pulled slightly toward magenta, not like wine-dark haze. In a UI preview it reads heavier and more solemn than the lifted, grape-pink accents, but it never turns as bruised or cool as Heartless. Compared to Galactic Grapevine, it keeps its intensity without the airy, soda-bright lift.
I use Imperial as the authority anchor when you need selection and status markers to feel decisive, not playful. It's my pick for dashboards and finance apps when the highlight can't drift into purple-ink territory, and it works well in e-commerce admin and creator tooling for active tabs, priority filters, and "locked" states. Think media systems too, but for editorial emphasis that should feel controlled, not feminine-casual.
Pair it with warm near-blacks, cocoa browns, or creamy grays so the magenta-lean stays clean. Next to very hot pinks it can feel tighter, so give it a neutral buffer.
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.
