Imperial Purple

#5b3167

Save

About Imperial Purple

Imperial Purple lands like a controlled grape punch on a dark UI tile: rich, saturated, and distinctly cooler than the more pink-leaning purples around it. Compared to Imperial, it feels less magenta-ink and more purple-forward, with a tighter, more composed center of color instead of that solemn plum weight.

In practice, this is the shade I use when the highlight needs to read authoritative but not shadowy. It's my pick for dashboards and finance apps when you want active states, primary callouts, or "in progress" chips to look decisive without drifting into Heartless territory, which gets darker and more blue-leaning. Versus Grape, Imperial Purple stays deeper and slightly more ink-like, so it feels less airy and less skin-tone clear.

Pair it with warm grays, cocoa browns, or soft cream backgrounds so the cool undertone doesn't start to look dusty. If you place it next to very magenta highlights, give it a neutral buffer so it keeps its purple identity.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Create a gradient with Imperial Purple

Open the generator with this color pre-loaded.

Start creating