Back to palettes

Palette

Petal Whisper Dawn

Delicate, muted pinks and lavenders, like petals unfolding at the first light of dawn.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F8EAF0#EED7E1#D5ADC1#BBA2B3#A0959F

Palette guide

How to use Petal Whisper Dawn

Overview

The Petal Whisper Dawn palette features delicate, muted pinks and lavenders, reminiscent of petals unfolding at the first light of dawn. Ranging from the incredibly soft #F8EAF0 to the deeper #A0959F, this palette offers a sophisticated yet gentle spectrum. The mid-tones like #EED7E1 and #D5ADC1 provide subtle variations, perfect for creating depth without losing the overall serene feel. It's an excellent choice for designs that require understated elegance, a feminine touch, or a calming, natural aesthetic. Developers can utilize these hues to build interfaces that feel light, refined, and visually harmonious, ideal for lifestyle or beauty applications.

Best used for

  • Feminine branding and packaging
  • Bridal and wedding-themed designs
  • Beauty and cosmetic product lines
  • Lifestyle and fashion blogs
  • Spring collection marketing materials
  • Calm and inviting web interfaces

Suggested color roles

primary

#D5ADC1 - A muted, elegant pink-lavender, ideal for main branding elements, headers, and key visual accents.

secondary

#EED7E1 - A lighter, soft pink, suitable for secondary buttons, subtle interactive elements, or background textures.

accent

#BBA2B3 - A slightly deeper, more grounding lavender-gray, perfect for adding subtle contrast or small, important details.

background

#F8EAF0 - An extremely pale, almost white pink, providing a clean, airy, and gentle backdrop for content.

text

#A0959F - A deep, muted purple-gray offering good contrast for primary body text, or a dark charcoal for general readability.

Accessibility notes

  • Ensure high contrast for text on #F8EAF0 backgrounds, favoring darker shades like #A0959F or a dark gray.
  • The lighter shades like #EED7E1 should not be used for small text elements due to potential readability issues.
  • Utilize #A0959F for headings and important information to ensure strong legibility against lighter palette colors.
  • Pair #F8EAF0 with #A0959F for text to meet WCAG AA contrast guidelines, providing a soft yet legible combination.

Recommended combinations

Subtle Bloom

Creates a gentle, flowing gradient effect, ideal for soft backgrounds or delicate illustrative elements.

#F8EAF0 · #EED7E1 · #D5ADC1

Refined Depth

For a more sophisticated and grounded feel, using the deeper tones for emphasis and structure.

#A0959F · #BBA2B3 · #D5ADC1

Dawn Haze

Offers a light background with soft, muted accents, perfect for minimalist designs with a touch of color.

#F8EAF0 · #D5ADC1 · #BBA2B3

CSS variables

:root {
  --petal-whisper-dawn-1: #F8EAF0;
  --petal-whisper-dawn-2: #EED7E1;
  --petal-whisper-dawn-3: #D5ADC1;
  --petal-whisper-dawn-4: #BBA2B3;
  --petal-whisper-dawn-5: #A0959F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "petal-whisper-dawn": {
        1: "#F8EAF0",
        2: "#EED7E1",
        3: "#D5ADC1",
        4: "#BBA2B3",
        5: "#A0959F",
      }
    }
  }
}

Related searches

muted pink lavender palettesoft floral dawn colorsspring blossom aestheticdelicate feminine designunderstated elegant color scheme

Palette colors

Hex values

Color 1#F8EAF0
·
Color 2#EED7E1
·
Color 3#D5ADC1
·
Color 4#BBA2B3
·
Color 5#A0959F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
2:1Fail
2.5:1Fail
2
1.2:1Fail
1.5:1Fail
1.7:1Fail
2.1:1Fail
3
1.7:1Fail
1.5:1Fail
1.2:1Fail
1.4:1Fail
4
2:1Fail
1.7:1Fail
1.2:1Fail
1.2:1Fail
5
2.5:1Fail
2.1:1Fail
1.4:1Fail
1.2:1Fail

Similar palettes

More like Petal Whisper Dawn

View all pastel
Pale Cherry Blossom
Sakura Petal Dawn
Spring Blossom Dew
Cherry Bloom Serenity
Cherry Bloom Whisper
Cherry Blossom Bloom