Back to palettes

Palette

Petal Dew Whisper

The refreshing delicacy of morning dew on flower petals, in soft lavenders, blues, and pale pinks.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6E6FA#F0FFFF#D8BFD8#ADD8E6#FFF0F5

Palette guide

How to use Petal Dew Whisper

Overview

The Petal Dew Whisper palette captures the refreshing delicacy of morning dew on flower petals, in soft lavenders, blues, and pale pinks. With a spectrum ranging from the ethereal #F0FFFF and #E6E6FA to the gentle #D8BFD8 and #ADD8E6, this palette is designed for projects seeking a calm, serene, and almost dreamlike quality. The lightest pink, #FFF0F5, adds a touch of subtle warmth. It's particularly effective for designs related to wellness, bridal, baby products, or any interface aiming for a soft, comforting user experience. Developers can use these subtle hues to create elegant, airy layouts that feel light and inviting.

Best used for

  • Bridal and wedding stationery
  • Baby product branding and nursery decor
  • Wellness and spa website design
  • Delicate fashion and lingerie lines
  • Minimalist personal blogs or portfolios
  • Calm meditation app interfaces

Suggested color roles

primary

#D8BFD8 - A soft, muted lavender, ideal for main branding elements and headers, conveying tranquility and gentle sophistication.

secondary

#ADD8E6 - A light, airy blue, suitable for secondary buttons, subtle interactive elements, or accentuating content without harshness.

accent

#FFF0F5 - A delicate, near-white pink that can serve as a subtle highlight, a soft hover state, or a gentle separator.

background

#F0FFFF - An ethereal, almost white, very pale blue that provides an extremely light and clean background, enhancing the feeling of spaciousness.

text

#6A5ACD (a darker lavender) or a soft charcoal - For body text, ensuring readability against the very light backgrounds, maintaining the gentle mood.

Accessibility notes

  • Most colors in this palette are very light; ensure high contrast for text by using a much darker text color (e.g., charcoal or a deep lavender).
  • Avoid using any of the palette's own colors for text on other palette colors, as contrast will likely be insufficient.
  • Use #F0FFFF or #E6E6FA as backgrounds and pair with a dark text color (e.g., #333333) for optimal readability.
  • For decorative elements, these colors are suitable, but for functional text, external darker colors are essential.

Recommended combinations

Soft Serenity

For calming interfaces or gentle brand visuals, combining a light background with soft, cool tones.

#F0FFFF · #D8BFD8 · #ADD8E6

Delicate Bloom

Ideal for feminine or romantic designs, offering a subtle blend of lavender and pale pink.

#E6E6FA · #FFF0F5 · #D8BFD8

Airy Whisper

Creates a very light and spacious feel, perfect for minimalist designs with a hint of color.

#F0FFFF · #ADD8E6 · #E6E6FA

CSS variables

:root {
  --petal-dew-whisper-1: #E6E6FA;
  --petal-dew-whisper-2: #F0FFFF;
  --petal-dew-whisper-3: #D8BFD8;
  --petal-dew-whisper-4: #ADD8E6;
  --petal-dew-whisper-5: #FFF0F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "petal-dew-whisper": {
        1: "#E6E6FA",
        2: "#F0FFFF",
        3: "#D8BFD8",
        4: "#ADD8E6",
        5: "#FFF0F5",
      }
    }
  }
}

Related searches

pastel lavender blue palettesoft delicate color schememorning dew inspired colorscalm serene design paletteairy floral color combinations

Palette colors

Hex values

Color 1#E6E6FA
·
Color 2#F0FFFF
·
Color 3#D8BFD8
·
Color 4#ADD8E6
·
Color 5#FFF0F5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.2:1Fail
1.1:1Fail
2
1.2:1Fail
1.7:1Fail
1.5:1Fail
1.1:1Fail
3
1.4:1Fail
1.7:1Fail
1.1:1Fail
1.5:1Fail
4
1.2:1Fail
1.5:1Fail
1.1:1Fail
1.4:1Fail
5
1.1:1Fail
1.1:1Fail
1.5:1Fail
1.4:1Fail

Similar palettes

More like Petal Dew Whisper

View all pastel
Blushing Petal Softness
Dewdrop Petal Blush
Gentle Blossom Whisper
Gentle Floral Haze
Pastel Blossom Whispers
Petal Soft Reverie