Palette

Sweet Blossom Whisper

A delicate and soft array of pinks and purples, like the gentle hues of blossoming flowers in a light breeze.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F2E4EC#E7D0DC#D4A9C7#BC7DB1#9E5D9C

Palette guide

How to use Sweet Blossom Whisper

Overview

The "Sweet Blossom Whisper" palette unveils a delicate and soft array of pinks and purples, reminiscent of blossoming flowers in a gentle breeze. Featuring sophisticated tones like the deep #9E5D9C, a mid-range #D4A9C7, and the ethereal #F2E4EC, this palette is perfect for designs seeking a calm, elegant, and refined aesthetic. Its muted progression offers designers and developers a harmonious foundation for branding, interfaces, and content that aims for understated beauty and a tranquil mood, ensuring a cohesive and visually pleasing experience.

Best used for

Elegant brand identities and logos
Spa and wellness website designs
Sophisticated fashion lookbooks
Wedding stationery and event themes
Interior design mood boards
High-end beauty product packaging

Suggested color roles

primary

Use #9E5D9C for impactful headings, significant brand elements, or calls to action, providing depth and sophistication.

secondary

Apply #BC7DB1 for supporting information, subheadings, or as a complementary color to the primary.

accent

Employ #D4A9C7 for subtle highlights, delicate patterns, or interactive states, offering a gentle lift.

background

Utilize #F2E4EC as a light, airy, and elegant background, allowing the deeper tones to stand out gracefully.

text

For optimal readability, use #9E5D9C for text on lighter backgrounds. A very dark grey also complements this palette beautifully.

Accessibility notes

Ensure sufficient contrast when using lighter tones like #E7D0DC for text against #F2E4EC backgrounds.
Pair #9E5D9C or #BC7DB1 with #F2E4EC for accessible text contrast on main content areas.
Avoid using #F2E4EC for small text on any of the other light-to-mid-tone colors due to low contrast.
Consider increasing font weight or size for text elements using #D4A9C7 to improve readability.

Recommended combinations

Deep & Light Contrast

Excellent for creating a balanced yet impactful visual hierarchy in layouts.

#9E5D9C · #F2E4EC · #BC7DB1

Mid-tone Harmony

Ideal for subtle gradients, decorative elements, or sections where a gentle flow is desired.

#E7D0DC · #D4A9C7 · #BC7DB1

Subtle Sophistication

Creates an elegant and understated look, perfect for refined backgrounds with clear text.

#F2E4EC · #D4A9C7 · #9E5D9C

CSS variables

:root {
  --sweet-blossom-whisper-1: #F2E4EC;
  --sweet-blossom-whisper-2: #E7D0DC;
  --sweet-blossom-whisper-3: #D4A9C7;
  --sweet-blossom-whisper-4: #BC7DB1;
  --sweet-blossom-whisper-5: #9E5D9C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-blossom-whisper": {
        1: "#F2E4EC",
        2: "#E7D0DC",
        3: "#D4A9C7",
        4: "#BC7DB1",
        5: "#9E5D9C",
      }
    }
  }
}

Hex values

Color 1#F2E4EC

Color 2#E7D0DC

Color 3#D4A9C7

Color 4#BC7DB1

Color 5#9E5D9C

Accessibility

Contrast checker

1.2:1Fail

1.7:1Fail

2.5:1Fail

3.8:1AA18

1.2:1Fail

1.4:1Fail

2.2:1Fail

3.2:1AA18

1.7:1Fail

1.4:1Fail

1.5:1Fail

2.3:1Fail

2.5:1Fail

2.2:1Fail

1.5:1Fail

3.8:1AA18

3.2:1AA18

2.3:1Fail

1.5:1Fail

Similar palettes

More like Sweet Blossom Whisper

Sweet Blossom Whisper

See it in context.

Ready when you are.

Built with Sweet Blossom Whisper.

How to use Sweet Blossom Whisper

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep & Light Contrast

Mid-tone Harmony

Subtle Sophistication

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Sweet Blossom Whisper