Petrified Purple

#9c87c1

Deeper, cooler periwinkle-purple for focused UI highlights

Save
Share

About Petrified Purple

Petrified Purple is what I see when a bright periwinkle gets pulled slightly deeper and dusted, like pigment that's been pressed into paper instead of floating on top. It stays clearly purple, but it's less airy than and less glassy than Fleur-De-Lis. Compared with , it commits more consistently to the purple side, with a sturdier, more settled look.

In practice, I use it for dashboards and finance apps where you need a calm brand tint that still reads as a real surface color, not a soft highlight layer. Think selected states, status chips, chart series labels, and onboarding callouts in fintech and edtech. It's also strong for product UI screenshots and explainer frames because it holds its identity against light UI neutrals without feeling powdery.

Pair it with crisp grays or slightly warmer off-whites so it doesn't look too chilly, and if you put it next to near-lilacs that lean bright, it can feel more grounded by comparison. For me, it's the one you reach for when you want purple presence with a muted, "set in" finish.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
3.16:1FailAA Large

On Gray 100 #f5f5f5

Aa
2.90:1Fail

On Gray 900 #18181b

Aa
5.61:1AAAAA Large

On Black #000000

Aa
6.65:1AAAAA Large

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

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Petrified Purple

Open the generator with this color pre-loaded.

Start creating