Palette

Peach Blossom Whisper

Gentle hues reminiscent of tender spring blossoms, soft petals, and a hopeful dawn sky.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFCDB2#FFB4A2#E5989B#B5838D#6D6875

Palette guide

How to use Peach Blossom Whisper

Overview

The Peach Blossom Whisper palette offers a delicate array of peach, pink, and muted purple tones, embodying the tender beauty of spring blossoms and a hopeful dawn. Beginning with the soft #FFCDB2 and #FFB4A2, it establishes a warm, inviting feel. The palette gracefully transitions to the more sophisticated #E5989B and the deeper, muted rose of #B5838D, adding a touch of understated elegance. A grounding, rich plum-gray, #6D6875, provides a beautiful contrast, completing this refined and gentle collection. It's perfect for designs that require a subtle, feminine, and comforting aesthetic, evoking quiet charm.

Best used for

Boutique fashion and accessories branding
Delicate stationery and paper goods
Spa and wellness promotional materials
Feminine blog designs and social media
Wedding photography backdrops or filters
Artisan craft product packaging

Suggested color roles

primary

Use #FFCDB2 as a soft, inviting base for backgrounds or large content areas, evoking tenderness.

secondary

Apply #FFB4A2 for supportive elements, creating a cohesive and warm flow.

accent

Utilize #E5989B or #B5838D for subtle highlights, interactive elements, or illustrative details.

background

The lightest #FFCDB2 or #FFB4A2 work well for airy, delicate backgrounds.

text

A deep plum or charcoal (e.g., #6D6875) for primary text on lighter shades, and white text on #B5838D for good contrast.

Accessibility notes

Ensure high contrast for text, especially when using lighter shades like #FFCDB2 and #FFB4A2 as backgrounds.
The darker #6D6875 is excellent for text on very light palette colors to ensure readability.
White text may be suitable on #B5838D, but always verify WCAG compliance.
Avoid light gray text on mid-tones such as #E5989B to prevent legibility issues.

Recommended combinations

Soft Bloom

A gentle gradient for backgrounds or layered elements, creating a soft, inviting look.

#FFCDB2 · #FFB4A2 · #E5989B

Whisper Contrast

Light background with strong text/accent, and a subtle highlight for design elements.

#FFCDB2 · #6D6875 · #E5989B

Deep Rose

A deeper base, a soft highlight, and a rich accent for sophisticated visual depth.

#B5838D · #FFB4A2 · #6D6875

CSS variables

:root {
  --peach-blossom-whisper-1: #FFCDB2;
  --peach-blossom-whisper-2: #FFB4A2;
  --peach-blossom-whisper-3: #E5989B;
  --peach-blossom-whisper-4: #B5838D;
  --peach-blossom-whisper-5: #6D6875;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "peach-blossom-whisper": {
        1: "#FFCDB2",
        2: "#FFB4A2",
        3: "#E5989B",
        4: "#B5838D",
        5: "#6D6875",
      }
    }
  }
}

Hex values

Color 1#FFCDB2

Color 2#FFB4A2

Color 3#E5989B

Color 4#B5838D

Color 5#6D6875

Accessibility

Contrast checker

1.2:1Fail

1.6:1Fail

2.2:1Fail

3.8:1AA18

1.2:1Fail

1.3:1Fail

1.9:1Fail

3.2:1AA18

1.6:1Fail

1.3:1Fail

1.4:1Fail

2.4:1Fail

2.2:1Fail

1.9:1Fail

1.4:1Fail

1.7:1Fail

3.8:1AA18

3.2:1AA18

2.4:1Fail

1.7:1Fail

Similar palettes

More like Peach Blossom Whisper

Blushing Peach Garden