Back to palettes

Palette

Dewdrop Petal Blush

The ethereal glow of fresh dewdrops glistening on soft flower petals at the break of a gentle morning.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F8EBF0#E1C0CD#B69FBB#A6B1A4#C6DDE1

Palette guide

How to use Dewdrop Petal Blush

Overview

The Dewdrop Petal Blush palette offers a sophisticated blend of soft, muted pastels, capturing the ethereal glow of dewdrops on flower petals. Ranging from the gentle #F8EBF0 to the deeper #B69FBB, with unique hints of green-gray in #A6B1A4 and cool blue-gray in #C6DDE1, this palette is perfect for designs seeking understated elegance and a calm, natural feel. Designers can leverage these harmonious shades to create serene interfaces, delicate branding, or content that evokes a quiet, refined beauty. The inclusion of subtle cool tones prevents it from being overly warm, adding a fresh dimension.

Best used for

  • Artisan craft branding
  • Wedding and event design
  • Skincare and natural beauty products
  • Interior design mood boards
  • Feminine fashion blogs
  • Calm and elegant digital portfolios

Suggested color roles

primary

The muted #B69FBB provides a gentle yet distinctive primary color for headings or key UI elements, offering subtle depth.

secondary

Use #E1C0CD for secondary text or background sections, maintaining the palette's soft, blush-like quality.

accent

The cool #A6B1A4 or #C6DDE1 can act as refreshing accents, adding a subtle touch of natural contrast or a hint of coolness.

background

The lightest shade, #F8EBF0, offers a soft, inviting background that allows other colors to emerge gently.

text

For optimal readability, use a dark charcoal or a deep plum (outside the palette) against the lighter shades like #F8EBF0.

Accessibility notes

  • Ensure sufficient contrast when using lighter shades for text on similar backgrounds, e.g., #E1C0CD on #F8EBF0.
  • The darkest color, #B69FBB, offers the best contrast for text on the lightest background, #F8EBF0.
  • Avoid using #F8EBF0 or #C6DDE1 for small text unless paired with a very dark, contrasting background.
  • Prioritize larger font sizes for text elements using colors like #E1C0CD to enhance readability.

Recommended combinations

Soft Elegance

Ideal for creating a refined look with a muted primary, light background, and a gentle secondary tone.

#B69FBB · #F8EBF0 · #E1C0CD

Natural Harmony

Excellent for subtle graphical elements or backgrounds that need a cool, fresh accent within the soft palette.

#A6B1A4 · #C6DDE1 · #F8EBF0

Blush Depth

Use for layered elements or gradients, providing a gentle transition with a hint of sophisticated contrast.

#E1C0CD · #B69FBB · #A6B1A4

CSS variables

:root {
  --dewdrop-petal-blush-1: #F8EBF0;
  --dewdrop-petal-blush-2: #E1C0CD;
  --dewdrop-petal-blush-3: #B69FBB;
  --dewdrop-petal-blush-4: #A6B1A4;
  --dewdrop-petal-blush-5: #C6DDE1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dewdrop-petal-blush": {
        1: "#F8EBF0",
        2: "#E1C0CD",
        3: "#B69FBB",
        4: "#A6B1A4",
        5: "#C6DDE1",
      }
    }
  }
}

Related searches

muted pastel palettedelicate floral colorssoft blush aestheticelegant nature tonesdewdrop inspired design

Palette colors

Hex values

Color 1#F8EBF0
·
Color 2#E1C0CD
·
Color 3#B69FBB
·
Color 4#A6B1A4
·
Color 5#C6DDE1
·

Accessibility

Contrast checker

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

Similar palettes

More like Dewdrop Petal Blush

View all pastel
Morning Blossom Dew
Spring Whisper
Apricot Bloom Hush
Blooming Meadow Softness
Blushing Petal Softness
Botanical Bloom Fresh