Blushing Sky

#d9b1d6

Light mauve-pink for airy panels, cooler than Candy Floss

Save
Share

About Blushing Sky

Blushing Sky is what happens when you pull a pink back just enough that it stops performing. It's lighter and less saturated than , softer than , but it doesn't have the resigned quality of either. There's warmth here, actual presence, but it arrives gently. This one works harder than it looks because it reads as intentional without seeming to try.

You'll land on it for health and wellness products, interior design apps, and luxury beauty interfaces where you need a color that feels approachable but refined. It shows up in onboarding flows that want to feel calming rather than energetic, in confirmation states where you're not celebrating but reassuring. It pairs naturally with cream and soft neutrals, but it also holds up against darker backgrounds without disappearing the way paler pinks do.

The thing to watch: it sits in a zone where context shifts everything. Test it against your actual layout before committing, especially if you're running it behind text or using it as a secondary UI element. Against warm backgrounds it reads cooler; against cooler ones it leans warmer. That flexibility is useful, but it means you can't just drop it in and assume.

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

On Gray 100 #f5f5f5

Aa
1.72:1Fail

On Gray 900 #18181b

Aa
9.46:1AAA

On Black #000000

Aa
11.21: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.

Create a gradient with Blushing Sky

Open the generator with this color pre-loaded.

Start creating