Back to palettes

Palette

Petal Whisper Softness

Delicate hues inspired by the soft, ethereal beauty of blooming spring petals in gentle light.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Petal Whisper Softness 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 Petal Whisper Softness.

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

Data visualization

#FCEEF5#F5DDEB#EAD0E1#D8BDD4#C1A2C3

Palette guide

How to use Petal Whisper Softness

Overview

The Petal Whisper Softness palette features delicate hues inspired by the ethereal beauty of blooming spring petals in gentle light. A cohesive gradient from the almost white #FCEEF5 to the deeper #C1A2C3, this palette offers a range of soft pinks and purples. The subtle shifts in tone, including #F5DDEB, #EAD0E1, and #D8BDD4, make it perfect for creating designs that exude tenderness, grace, and understated charm. It's an excellent choice for wedding stationery, feminine branding, or any digital interface aiming for a serene and inviting user experience. Developers can leverage these harmonious colors to build visually soothing and elegant layouts.

Best used for

  • Wedding and event stationery design
  • Feminine beauty and skincare branding
  • Baby product lines and nursery decor
  • Spring fashion and lifestyle content
  • Calm and minimalist personal blogs
  • Subtle artistic digital illustrations

Suggested color roles

primary

#EAD0E1 - A soft, elegant pink-purple, ideal for main branding elements, headers, and key visual accents, conveying grace.

secondary

#D8BDD4 - A slightly deeper, more defined lavender-pink, suitable for secondary buttons, interactive elements, or subheadings.

accent

#F5DDEB - A lighter, gentle pink, perfect for subtle highlights, hover states, or delicate graphical details.

background

#FCEEF5 - An extremely pale, almost white pink, providing a clean, airy, and gentle backdrop for content.

text

#6A5ACD (a dark lavender) or a deep plum - Essential for body text to ensure readability against the very light palette colors, maintaining a soft elegance.

Accessibility notes

  • All colors are very light; text must be a significantly darker shade (e.g., #333333 or a deep purple) to ensure readability.
  • Avoid using any palette color for text on another palette color, as contrast will be insufficient for accessibility.
  • Use #FCEEF5 as a background and pair with dark, contrasting text for optimal WCAG AA compliance.
  • For decorative elements, the palette works well, but functional text needs strong, external contrast.

Recommended combinations

Soft Gradient

Creates a harmonious and flowing visual effect, ideal for backgrounds or subtle UI transitions.

#FCEEF5 · #F5DDEB · #EAD0E1

Petal Depth

For a more defined look, using the deeper tones for emphasis against a very light background.

#C1A2C3 · #D8BDD4 · #FCEEF5

Ethereal Charm

Perfect for subtle branding or gentle illustrations, offering a harmonious and soft progression of color.

#EAD0E1 · #F5DDEB · #D8BDD4

CSS variables

:root {
  --petal-whisper-softness-1: #FCEEF5;
  --petal-whisper-softness-2: #F5DDEB;
  --petal-whisper-softness-3: #EAD0E1;
  --petal-whisper-softness-4: #D8BDD4;
  --petal-whisper-softness-5: #C1A2C3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "petal-whisper-softness": {
        1: "#FCEEF5",
        2: "#F5DDEB",
        3: "#EAD0E1",
        4: "#D8BDD4",
        5: "#C1A2C3",
      }
    }
  }
}

Related searches

pastel pink purple palettesoft floral spring colorsgentle feminine design palettemuted lavender pink huesdelicate blossom color scheme

Palette colors

Hex values

Color 1#FCEEF5
·
Color 2#F5DDEB
·
Color 3#EAD0E1
·
Color 4#D8BDD4
·
Color 5#C1A2C3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
1.5:1Fail
2:1Fail
2
1.1:1Fail
1.1:1Fail
1.4:1Fail
1.8:1Fail
3
1.3:1Fail
1.1:1Fail
1.2:1Fail
1.6:1Fail
4
1.5:1Fail
1.4:1Fail
1.2:1Fail
1.3:1Fail
5
2:1Fail
1.8:1Fail
1.6:1Fail
1.3:1Fail

Similar palettes

More like Petal Whisper Softness

View all pastel
Lavender Field Dream
Blushing Rose Dew
Cherry Blossom Bloom
Cherry Blossom Breeze
Cottage Garden Blush
Frosted Blossom