Decadial Pink

#decade

Warm mid-light pink for calmer overlays and accents

Save
Share

About Decadial Pink

Decadial Pink looks like a soft blush that got its act together. It's distinctly pink, but it isn't candy-hot or defiantly saturated like , and it isn't the muted, lavender-leaning middle like . Compared to , it feels a touch deeper and more grounded, with a slightly richer undertone that keeps it from floating.

I use it when I want friendly clarity without the retro punch. It's great for product confirmation states that should feel reassuring, health and beauty interfaces where the brand voice is upbeat but not playful-crazy, and onboarding screens that need "yes" energy while staying calm. It also holds up nicely on mobile cards, especially when you're pairing it with creams or light neutrals for hierarchy.

One quirk: because it's more saturated than the very pale pinks, it can overpower thin type on bright backgrounds. If you need crisp legibility, give it a little contrast headroom and let spacing do some work.

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.54:1Fail

On Gray 100 #f5f5f5

Aa
1.42:1Fail

On Gray 900 #18181b

Aa
11.48:1AAA

On Black #000000

Aa
13.61: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 Decadial Pink

Open the generator with this color pre-loaded.

Start creating