Back to palettes

Palette

Soft Blossom Petals

Delicate and gentle hues, like the fragile beauty and blushing warmth of freshly opened flower petals.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Soft Blossom Petals 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 Soft Blossom Petals.

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

Data visualization

#FADADD#FFF0F5#FFE4E1#FFC0CB#E6E6FA

Palette guide

How to use Soft Blossom Petals

Overview

The "Soft Blossom Petals" palette is a delicate and romantic collection of pastel pinks, a near-white, and a gentle lavender, evoking the fragile beauty of blooming flowers. Featuring hues like the rosy #FADADD, ethereal #FFF0F5, warm #FFE4E1, classic soft pink #FFC0CB, and serene #E6E6FA, this palette is perfect for designs that aim to convey tenderness, elegance, and a touch of femininity. Designers and developers can utilize these soft shades to create inviting, graceful digital interfaces, charming branding, or evocative print materials that resonate with a sense of peace and natural beauty.

Best used for

  • Wedding invitations and event branding
  • Beauty and skincare product packaging
  • Feminine fashion or lifestyle blogs
  • Baby product branding and nursery decor
  • Romantic novel covers or editorial design
  • Spa and wellness center websites

Suggested color roles

primary

Use #FFF0F5 as a soft, almost imperceptible background, providing a clean and gentle canvas.

secondary

Employ #FADADD for secondary sections or decorative elements, adding a subtle blush of color.

accent

Highlight with #FFC0CB, a classic soft pink that draws attention while maintaining the palette's gentle mood.

background

The very light #FFF0F5 is ideal for backgrounds, offering an airy and spacious feel.

text

For optimal legibility, use a dark charcoal or black text. #E6E6FA can be used for very subtle, large decorative text.

Accessibility notes

  • Exercise caution with text contrast; most colors are very light and require dark text (e.g., black, #333333).
  • Avoid pairing light pastels like #FFF0F5 and #E6E6FA for text/background without a contrast check.
  • Reserve the palest shades for backgrounds or large graphical elements, not essential information.
  • Always verify contrast ratios for all text and interactive elements using WCAG guidelines (AA or AAA).

Recommended combinations

Blushing Grace

Creates an extremely soft, ethereal look for delicate backgrounds or subtle branding elements.

#FFF0F5 · #FFE4E1 · #FADADD

Petal Pop

A charming combination for a slightly more dynamic, yet still gentle, visual hierarchy in UI.

#FFF0F5 · #FFC0CB · #E6E6FA

Romantic Dusk

Ideal for romantic themes, adding a touch of lavender depth to the pinks for events or decor.

#FADADD · #E6E6FA · #FFC0CB

CSS variables

:root {
  --soft-blossom-petals-1: #FADADD;
  --soft-blossom-petals-2: #FFF0F5;
  --soft-blossom-petals-3: #FFE4E1;
  --soft-blossom-petals-4: #FFC0CB;
  --soft-blossom-petals-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "soft-blossom-petals": {
        1: "#FADADD",
        2: "#FFF0F5",
        3: "#FFE4E1",
        4: "#FFC0CB",
        5: "#E6E6FA",
      }
    }
  }
}

Related searches

soft pink color paletteblossom inspired colorsromantic pastel schemegentle floral design colorsfeminine light color palette

Palette colors

Hex values

Color 1#FADADD
·
Color 2#FFF0F5
·
Color 3#FFE4E1
·
Color 4#FFC0CB
·
Color 5#E6E6FA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.1:1Fail
1.2:1Fail
1.1:1Fail
2
1.2:1Fail
1.1:1Fail
1.4:1Fail
1.1:1Fail
3
1.1:1Fail
1.1:1Fail
1.3:1Fail
1:1Fail
4
1.2:1Fail
1.4:1Fail
1.3:1Fail
1.2:1Fail
5
1.1:1Fail
1.1:1Fail
1:1Fail
1.2:1Fail

Similar palettes

More like Soft Blossom Petals

View all pastel