Palette

Powder Pink Bloom

Soft and airy, like delicate pink petals unfurling in the gentle light of spring, full of promise.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Powder Pink Bloom reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Powder Pink Bloom.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#FFF0F5#FFC0CB#FFB6C1#FF69B4#C71585

Palette guide

How to use Powder Pink Bloom

Overview

The Powder Pink Bloom palette offers a delightful spectrum of soft to vibrant pinks, capturing the essence of delicate petals unfurling in spring. Starting with the airy #FFF0F5 and moving through the classic #FFC0CB and the slightly deeper #FFB6C1, this palette then introduces the playful #FF69B4, culminating in the rich, impactful #C71585. This collection is perfect for designs that aim to be fresh, feminine, and subtly romantic. Designers can utilize these hues to create inviting user interfaces, charming brand identities, or content that evokes a sense of gentle beauty and youthful optimism in digital and print media.

Best used for

Spring-themed event invitations
Children's clothing or toy branding
Beauty and skincare product packaging
Dessert or candy shop branding
Personal blogs or portfolios with a feminine touch
Botanical illustrations and graphic design

Suggested color roles

primary

#FFB6C1 - A versatile medium pink, suitable for main elements, headers, or a significant brand presence.

secondary

#FFC0CB - A lighter, gentle pink, perfect for supporting content, background sections, or subtle accents.

accent

#FF69B4 - A vibrant and playful pink that draws attention, ideal for call-to-action buttons, interactive elements, or key highlights.

background

#FFF0F5 - An extremely light, almost white pink, providing a clean, soft canvas that allows other colors to shine.

text

#C71585 - A deep, rich pink that provides excellent readability against lighter backgrounds like #FFF0F5 or #FFC0CB. For general body text, a dark charcoal is also recommended.

Accessibility notes

Use #C71585 or a dark charcoal for body text to ensure contrast on #FFF0F5, #FFC0CB, or #FFB6C1 backgrounds.
Avoid using #FFC0CB or #FFB6C1 for text on light backgrounds due to insufficient contrast.
#FF69B4 can be used for larger headings or accents, but typically needs a very dark or very light background for readability.
Ensure interactive elements using brighter pinks have clear visual cues beyond color for accessibility.

Recommended combinations

Petal Soft

Creates a gentle, airy feel, perfect for backgrounds, subtle gradients, or layered elements.

#FFF0F5 · #FFC0CB · #FFB6C1

Spring Pop

Highlights vibrant elements with #FF69B4, supports with #FFB6C1, and provides a fresh base with #FFF0F5.

#FF69B4 · #FFB6C1 · #FFF0F5

Deep Bloom

Offers strong contrast and depth. #C71585 for impact, #FF69B4 for accents, and #FFC0CB for balance.

#C71585 · #FF69B4 · #FFC0CB

CSS variables

:root {
  --powder-pink-bloom-1: #FFF0F5;
  --powder-pink-bloom-2: #FFC0CB;
  --powder-pink-bloom-3: #FFB6C1;
  --powder-pink-bloom-4: #FF69B4;
  --powder-pink-bloom-5: #C71585;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "powder-pink-bloom": {
        1: "#FFF0F5",
        2: "#FFC0CB",
        3: "#FFB6C1",
        4: "#FF69B4",
        5: "#C71585",
      }
    }
  }
}

Hex values

Color 1#FFF0F5

Color 2#FFC0CB

Color 3#FFB6C1

Color 4#FF69B4

Color 5#C71585

Accessibility

Contrast checker

1.4:1Fail

1.5:1Fail

2.4:1Fail

4.9:1AA

1.4:1Fail

1.1:1Fail

1.7:1Fail

3.5:1AA18

1.5:1Fail

1.1:1Fail

1.6:1Fail

3.3:1AA18

2.4:1Fail

1.7:1Fail

1.6:1Fail

2:1Fail

4.9:1AA

3.5:1AA18

3.3:1AA18

2:1Fail

Similar palettes

More like Powder Pink Bloom

View all pastel

Cherry Bloom Serenity