Back to palettes

Palette

Fresh Petal Dewdrop

Delicate and fresh, capturing the glistening beauty of dewdrops on new spring petals.

pastelnatural5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fresh Petal Dewdrop 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 Fresh Petal Dewdrop.

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

Data visualization

#E0F2E9#F2D8E4#D8BDE0#EDF7F5#CCF5D9

Palette guide

How to use Fresh Petal Dewdrop

Overview

The Fresh Petal Dewdrop palette is a delicate and ethereal collection of pastels, capturing the gentle beauty of spring petals adorned with dewdrops. Featuring soft tones like the pale green #E0F2E9, the tender pink #F2D8E4, and the elegant lavender #D8BDE0, this palette creates a serene and feminine atmosphere. Designers and developers can leverage these gentle hues to craft inviting user interfaces, establish a soft and luxurious brand identity, or create digital experiences that feel light, pure, and charming. It's ideal for projects seeking a touch of whimsy and natural elegance.

Best used for

  • Wedding planning and stationery
  • Baby products and nursery decor
  • Feminine beauty and lifestyle brands
  • Spa and relaxation services
  • Confectionery and sweet treats packaging
  • Delicate floral art and illustration

Suggested color roles

primary

Utilize #D8BDE0 as an elegant primary color for gentle calls-to-action, key features, or refined headings.

secondary

Employ #F2D8E4 for supporting content, background sections, or illustrations, adding a touch of warmth and softness.

accent

The pale mint green #CCF5D9 can serve as a refreshing accent for subtle highlights, interactive states, or delicate details.

background

Opt for #E0F2E9 or #EDF7F5 as a very light, airy background to provide a clean and delicate canvas.

text

For optimal readability on these light pastels, use a medium gray, dark purple, or soft charcoal. Avoid light text on light backgrounds.

Accessibility notes

  • Crucially, ensure strong contrast for all text, as the palette consists of very light colors. Use sufficiently dark text.
  • Avoid using any of the palette's lighter shades for small text; reserve them for backgrounds or large graphical elements.
  • When using colors like #D8BDE0 for text, ensure it's on a significantly lighter background like #EDF7F5 to meet contrast guidelines.
  • Provide alternative visual cues for interactive elements, as color changes alone may be too subtle on these pastels.

Recommended combinations

Gentle Bloom

Creates a soft, romantic gradient for backgrounds, large headers, or delicate product displays.

#D8BDE0 · #F2D8E4 · #E0F2E9

Dewdrop Fresh

Ideal for fresh, clean layouts, offering subtle accents and clear content separation.

#EDF7F5 · #CCF5D9 · #D8BDE0

Soft Contrast

A balanced combination for body text and backgrounds, ensuring readability with a gentle, sophisticated touch.

#F2D8E4 · #D8BDE0 · #EDF7F5

CSS variables

:root {
  --fresh-petal-dewdrop-1: #E0F2E9;
  --fresh-petal-dewdrop-2: #F2D8E4;
  --fresh-petal-dewdrop-3: #D8BDE0;
  --fresh-petal-dewdrop-4: #EDF7F5;
  --fresh-petal-dewdrop-5: #CCF5D9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fresh-petal-dewdrop": {
        1: "#E0F2E9",
        2: "#F2D8E4",
        3: "#D8BDE0",
        4: "#EDF7F5",
        5: "#CCF5D9",
      }
    }
  }
}

Related searches

pastel flower palettedelicate spring colorssoft feminine paletteethereal design colorsdewdrop color scheme

Palette colors

Hex values

Color 1#E0F2E9
·
Color 2#F2D8E4
·
Color 3#D8BDE0
·
Color 4#EDF7F5
·
Color 5#CCF5D9
·

Accessibility

Contrast checker

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

Similar palettes

More like Fresh Petal Dewdrop

View all pastel
Meadow Petal Path
Botanical Sketch Bloom
Dewdrop Meadow Fresh
Meadow Wildflower Bloom
Spring Willow Whisper
Sunrise Market Fresh