Back to palettes

Palette

Spring Petal Whisper

Delicate and airy colors that evoke the ephemeral beauty of fresh spring petals touched by a gentle breeze.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F0D9E9#D9EDEB#FAE3C2#B9DCEB#EAD7E1

Palette guide

How to use Spring Petal Whisper

Overview

The "Spring Petal Whisper" palette offers a delicate and airy collection of pastel hues, perfect for evoking serenity and gentle beauty. Featuring soft tones like the subtle pink #F0D9E9, the tranquil teal #D9EDEB, and the warm peach #FAE3C2, this palette is ideal for designs aiming for a light, ethereal feel. Designers and developers can leverage these gentle colors to create inviting user interfaces, elegant branding, or soothing digital experiences. The inclusion of the calming blue #B9DCEB and the soft lavender #EAD7E1 ensures a cohesive and harmonious visual language, reminiscent of fresh spring blossoms and soft breezes, promoting a sense of calm and sophistication.

Best used for

  • Gentle branding and logos
  • Baby product packaging and websites
  • Spa and wellness app interfaces
  • Wedding invitations and event decor
  • Children's book illustrations
  • Soft fashion and beauty e-commerce

Suggested color roles

primary

Use #F0D9E9 as a dominant background or main content area color to establish a tender and inviting feel, perfect for setting a soft mood.

secondary

Apply #D9EDEB for secondary sections, navigation elements, or subtle data visualization to provide a calming, fresh contrast.

accent

This light sky blue, #B9DCEB, works well for subtle calls-to-action, icon highlights, or decorative flourishes where a touch of gentle emphasis is needed.

background

Employ #EAD7E1 as a base background for a clean, ethereal canvas that supports other pastel elements without overwhelming them.

text

For optimal readability, use a dark neutral like charcoal (#333333) or black (#000000) for body text against any of these light background colors. Avoid using the palette colors for small body text.

Accessibility notes

  • Ensure sufficient contrast for all text elements by pairing dark text with these very light background colors to meet WCAG standards.
  • Use an online WCAG contrast checker for text on backgrounds, aiming for AAA for large text and AA for regular text to ensure readability.
  • Reserve these pastel shades primarily for larger graphical elements, backgrounds, or decorative accents rather than critical information that requires high contrast.
  • Provide alternative text descriptions for any color-coded information to accommodate users with color vision deficiencies.

Recommended combinations

Gentle Bloom

Ideal for soft, feminine branding, floral motifs, or serene digital backgrounds where warmth and delicacy are key.

#F0D9E9 · #FAE3C2 · #EAD7E1

Sky Serenity

Perfect for designs requiring a fresh, airy, and calming atmosphere, such as wellness apps, nature-inspired themes, or clean interfaces.

#D9EDEB · #B9DCEB · #F0D9E9

Pastel Dream

Use this combination for playful yet sophisticated layouts, children's products, or artistic projects that benefit from a soft, dreamy aesthetic.

#FAE3C2 · #EAD7E1 · #D9EDEB

CSS variables

:root {
  --spring-petal-whisper-1: #F0D9E9;
  --spring-petal-whisper-2: #D9EDEB;
  --spring-petal-whisper-3: #FAE3C2;
  --spring-petal-whisper-4: #B9DCEB;
  --spring-petal-whisper-5: #EAD7E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-petal-whisper": {
        1: "#F0D9E9",
        2: "#D9EDEB",
        3: "#FAE3C2",
        4: "#B9DCEB",
        5: "#EAD7E1",
      }
    }
  }
}

Related searches

soft pastel color schemegentle spring palettedelicate floral colorslight feminine aestheticserene ui colors

Palette colors

Hex values

Color 1#F0D9E9
·
Color 2#D9EDEB
·
Color 3#FAE3C2
·
Color 4#B9DCEB
·
Color 5#EAD7E1
·

Accessibility

Contrast checker

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

Similar palettes

More like Spring Petal Whisper

View all pastel
Blushing Petal Softness
Cherry Blossom Whispers
Gentle Blossom Whisper
Gentle Blossom Whisper
Gentle Floral Haze
Orchard Blossom Whisper