Pastel Purple

#b39eb5

Cool pastel mauve for restrained, clear pink UI layers

Save
Share

About Pastel Purple

Pastel Purple feels like a blush that's been lifted toward lavender, then softened down so it doesn't fight for attention. It's lighter than and less violet-damp than that one, but it also has a cleaner, more restrained presence than . Compared with , it reads a bit less "mauve-dust" and more airy pink-purple.

I reach for it when a UI needs a gentle cool tint without slipping into the heavier purple mood of . Think onboarding cards for beauty and wellness subscriptions, help-center headers, and calm empty states in creator platforms. It also works well in lifestyle app media tiles where you want softness on the surface, but still want the text and controls to feel confident against nearby neutrals. Pair it with crisp off-whites and soft greys, or add a hint of rose-pink for a warmer balance.

Quirk: because it's pastel and relatively low-saturation, it can look cloudy on low-quality screens unless you give it a little spacing or stronger contrast in the surrounding type.

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
2.48:1Fail

On Gray 100 #f5f5f5

Aa
2.27:1Fail

On Gray 900 #18181b

Aa
7.15:1AAA

On Black #000000

Aa
8.47:1AAA

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 Pastel Purple

Open the generator with this color pre-loaded.

Start creating