Back to palettes

Palette

Gentle Blossom Whisper

A delicate palette of soft pinks, peaches, and lavenders, reminiscent of tender flower petals in spring.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FADADD#FFDAB9#E6E6FA#D8BFD8#C2B2D1

Palette guide

How to use Gentle Blossom Whisper

Overview

This "Gentle Blossom Whisper" palette (ID: gentle-blossom-whisper) offers a delicate and ethereal mix, reminiscent of tender flower petals in spring. It gracefully blends soft pinks like #FADADD, warm peaches such as #FFDAB9, and gentle lavenders including #E6E6FA, #D8BFD8, and the deeper #C2B2D1. Designers can leverage this versatile pastel collection to create romantic, serene, and inviting visual narratives. Developers will find these harmonious hues excellent for crafting soft user interfaces, charming branding, or digital experiences that require a touch of subtle elegance and a calming, approachable aesthetic.

Best used for

  • Wedding and event planning websites
  • Baby and maternity product branding
  • Beauty and wellness services
  • Spring fashion collections
  • Feminine lifestyle blogs
  • Delicate art and craft designs

Suggested color roles

primary

#FADADD - A soft, light pink that serves as an excellent primary background, creating a warm and gentle base.

secondary

#E6E6FA - A subtle lavender, ideal for secondary content areas, section breaks, or subtle navigation elements.

accent

#C2B2D1 - The deepest lavender, perfect for calls-to-action, key icons, or important links, offering a sophisticated highlight.

background

#FADADD - The main canvas for your design, providing a light, airy, and romantic foundation.

text

A dark charcoal or deep brown (e.g., #4A4A4A or #333333) - Essential for contrast and readability against these light pastels.

Accessibility notes

  • Use dark text (e.g., charcoal, deep brown) on all light backgrounds like #FADADD, #FFDAB9, and #E6E6FA for readability.
  • Avoid using lighter palette colors for text on other light palette colors due to insufficient contrast.
  • #C2B2D1 offers the best contrast for UI elements when paired with the lightest backgrounds.
  • Ensure interactive elements have clear visual cues beyond just color, such as underlines or bolding.

Recommended combinations

Spring Harmony

Creates a balanced, gentle aesthetic for main layouts, combining soft pinks and lavenders.

#FADADD · #E6E6FA · #C2B2D1

Peach Blossom

Introduce warmth and softness, ideal for inviting banners or subtle background textures.

#FFDAB9 · #FADADD · #D8BFD8

Gentle Depth

Use for layered elements or gradients, providing a subtle progression of cool, muted tones.

#C2B2D1 · #D8BFD8 · #E6E6FA

CSS variables

:root {
  --gentle-blossom-whisper-1: #FADADD;
  --gentle-blossom-whisper-2: #FFDAB9;
  --gentle-blossom-whisper-3: #E6E6FA;
  --gentle-blossom-whisper-4: #D8BFD8;
  --gentle-blossom-whisper-5: #C2B2D1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gentle-blossom-whisper": {
        1: "#FADADD",
        2: "#FFDAB9",
        3: "#E6E6FA",
        4: "#D8BFD8",
        5: "#C2B2D1",
      }
    }
  }
}

Related searches

pastel pink lavender palettesoft floral color schemedelicate spring web designromantic UI colorspeach purple pastel branding

Palette colors

Hex values

Color 1#FADADD
·
Color 2#FFDAB9
·
Color 3#E6E6FA
·
Color 4#D8BFD8
·
Color 5#C2B2D1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.1:1Fail
1.3:1Fail
1.5:1Fail
2
1:1Fail
1.1:1Fail
1.3:1Fail
1.5:1Fail
3
1.1:1Fail
1.1:1Fail
1.4:1Fail
1.6:1Fail
4
1.3:1Fail
1.3:1Fail
1.4:1Fail
1.2:1Fail
5
1.5:1Fail
1.5:1Fail
1.6:1Fail
1.2:1Fail

Similar palettes

More like Gentle Blossom Whisper

View all pastel
Blushing Petal Softness
Petal Soft Reverie
Soft Petal Blush
Cherry Bloom Serenity
Cherry Blossom Bloom
Cherry Blossom Blush