Back to palettes

Palette

Sweet Peony Whisper

Gentle hues capturing the delicate beauty and soft fragrance of blooming peonies in a spring garden.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweet Peony 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 Sweet Peony Whisper.

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

Data visualization

#F08080#FFC0CB#F8BBD0#E6E6FA#DDA0DD

Palette guide

How to use Sweet Peony Whisper

Overview

The Sweet Peony Whisper palette offers a delightful collection of soft, pastel hues, perfect for creating designs that evoke elegance and tranquility. Featuring a gentle light coral (#F08080), a delicate pink (#FFC0CB), a subtle blush (#F8BBD0), a serene lavender blush (#E6E6FA), and a rich plum (#DDA0DD), this palette is ideal for projects requiring a touch of romance or softness. Designers and developers will find these colors versatile for conveying warmth without being overpowering, making them excellent for feminine branding, delicate illustrations, and serene digital interfaces. Its cohesive nature ensures harmonious visual experiences.

Best used for

  • Wedding invitations and stationery
  • Baby product branding and packaging
  • Beauty, spa, or wellness website designs
  • Feminine fashion blogs and e-commerce
  • Delicate UI elements and iconography
  • Floral event branding and decor

Suggested color roles

primary

Use #FFC0CB (Pink) as a soft, inviting base for main sections or large graphical elements, conveying warmth and tenderness.

secondary

Employ #F08080 (Light Coral) as a complementary background or for secondary headings, adding a gentle vibrancy without overwhelming the primary.

accent

Apply #DDA0DD (Plum) as a deeper, richer tone perfect for subtle call-to-action buttons, key icons, or important highlights to add depth and sophistication.

background

Utilize #E6E6FA (Lavender Blush) as an ethereal, near-white base for content areas, ensuring a clean canvas that feels light and airy.

text

For optimal readability, use a dark charcoal or black for body text against these light pastels. #DDA0DD can work for larger headings if contrast is sufficient against lighter backgrounds.

Accessibility notes

  • Be mindful of low contrast ratios when pairing light pastels like #FFC0CB and #E6E6FA for text elements, as they may not meet WCAG AA standards.
  • Always ensure text color provides sufficient contrast against its background; for body text, opt for very dark neutrals like black or charcoal.
  • Reserve #DDA0DD for larger text or accents on very light backgrounds to maintain readability and impact.
  • Avoid using light text on any of the lighter palette colors; always opt for dark text or use the deepest shade, #DDA0DD, for high-contrast elements.

Recommended combinations

Soft Bloom

Ideal for gentle backgrounds, subtle gradients, or feminine website headers, creating a light and airy feel.

#FFC0CB · #F8BBD0 · #E6E6FA

Delicate Highlight

Use for calls-to-action, important links, or accenting key information in a soft design, providing gentle contrast.

#F08080 · #DDA0DD · #FFC0CB

Spring Fresh

Great for illustrative elements, infographic segments, or creating a light, airy user interface with a touch of warmth.

#E6E6FA · #F08080 · #F8BBD0

CSS variables

:root {
  --sweet-peony-whisper-1: #F08080;
  --sweet-peony-whisper-2: #FFC0CB;
  --sweet-peony-whisper-3: #F8BBD0;
  --sweet-peony-whisper-4: #E6E6FA;
  --sweet-peony-whisper-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-peony-whisper": {
        1: "#F08080",
        2: "#FFC0CB",
        3: "#F8BBD0",
        4: "#E6E6FA",
        5: "#DDA0DD",
      }
    }
  }
}

Related searches

pastel pink color schemesoft floral design colorsblush and lavender palettedelicate spring color ideasfeminine website color palette

Palette colors

Hex values

Color 1#F08080
·
Color 2#FFC0CB
·
Color 3#F8BBD0
·
Color 4#E6E6FA
·
Color 5#DDA0DD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.6:1Fail
2.1:1Fail
1.3:1Fail
2
1.7:1Fail
1:1Fail
1.2:1Fail
1.3:1Fail
3
1.6:1Fail
1:1Fail
1.3:1Fail
1.3:1Fail
4
2.1:1Fail
1.2:1Fail
1.3:1Fail
1.7:1Fail
5
1.3:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail

Similar palettes

More like Sweet Peony Whisper

View all pastel
Cherry Blossom Blush
Blushing Petal Softness
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Cloud
Cherry Blossom Grace