Back to palettes

Palette

Springtime Petal Whisper

A delicate blend of soft purples, pinks, and mints, evoking the gentle emergence of spring blossoms.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0BBE4#957DAD#D291BC#FFC7EA#A8DADC

Palette guide

How to use Springtime Petal Whisper

Overview

The Springtime Petal Whisper palette offers a delicate and serene collection of pastels, perfect for designs aiming for a soft, ethereal aesthetic. Featuring gentle hues like the light lavender #E0BBE4, the deeper purple #957DAD, the charming dusty rose #D291BC, the very light pink #FFC7EA, and the refreshing mint #A8DADC, this palette evokes the tranquility of spring blossoms. Designers can leverage these colors to create inviting user interfaces, elegant branding, or soothing digital experiences. Developers will find these hex codes easy to implement for backgrounds, text, and interactive elements, ensuring a cohesive and calming visual flow across platforms.

Best used for

  • Feminine brand identity
  • Wedding stationery and invitations
  • Baby and children's product design
  • Spa, wellness, and beauty websites
  • Spring fashion and lifestyle content
  • Delicate UI elements and illustrations

Suggested color roles

primary

Utilize #957DAD as the dominant color for headlines, main navigation, or key brand elements to provide a gentle anchor in the palette.

secondary

Apply #D291BC for subheadings, secondary buttons, or supporting graphical elements, offering a warm, inviting contrast.

accent

Employ #A8DADC for call-to-action buttons, highlights, or interactive states, adding a subtle touch of refreshing vibrancy.

background

Use #FFC7EA or #E0BBE4 as soft, airy background colors to create a serene canvas that allows content to gently stand out.

text

For optimal readability, use a dark charcoal or black text against the lighter backgrounds like #FFC7EA or #E0BBE4. For headlines, #957DAD can offer a softer, branded text color.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when pairing light pastels like #FFC7EA and #E0BBE4 with light text.
  • For body text, always opt for dark charcoal or black against any of the lighter palette colors to meet WCAG guidelines.
  • Avoid using #D291BC or #A8DADC for small text on a similarly light background; consider darker shades or bolding.
  • Test interactive elements like buttons to ensure their states (hover, active) have clear visual distinction and adequate contrast.

Recommended combinations

Soft Gradient

Ideal for subtle gradients in backgrounds, headers, or decorative overlays to create depth without harshness.

#E0BBE4 · #D291BC · #FFC7EA

Spring Bloom

Perfect for floral illustrations, branding elements, or visual accents where a gentle, natural contrast is desired.

#957DAD · #D291BC · #A8DADC

Calm Serenity

Excellent for clean layouts, using the lightest shades as background and #957DAD for prominent, readable headings.

#FFC7EA · #E0BBE4 · #957DAD

CSS variables

:root {
  --springtime-petal-whisper-1: #E0BBE4;
  --springtime-petal-whisper-2: #957DAD;
  --springtime-petal-whisper-3: #D291BC;
  --springtime-petal-whisper-4: #FFC7EA;
  --springtime-petal-whisper-5: #A8DADC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "springtime-petal-whisper": {
        1: "#E0BBE4",
        2: "#957DAD",
        3: "#D291BC",
        4: "#FFC7EA",
        5: "#A8DADC",
      }
    }
  }
}

Related searches

pastel spring color schemessoft purple pink mint designdelicate floral branding colorscalm web design paletteslight feminine UI colors

Palette colors

Hex values

Color 1#E0BBE4
·
Color 2#957DAD
·
Color 3#D291BC
·
Color 4#FFC7EA
·
Color 5#A8DADC
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
1.5:1Fail
1.2:1Fail
1.1:1Fail
2
2.1:1Fail
1.5:1Fail
2.5:1Fail
2.4:1Fail
3
1.5:1Fail
1.5:1Fail
1.7:1Fail
1.6:1Fail
4
1.2:1Fail
2.5:1Fail
1.7:1Fail
1.1:1Fail
5
1.1:1Fail
2.4:1Fail
1.6:1Fail
1.1:1Fail

Similar palettes

More like Springtime Petal Whisper

View all pastel
Cottage Garden Blush
Sakura Blossom Kiss
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Cloud
Cherry Blossom Dawn