Back to palettes

Palette

Evening Dewdrop Garden

The tranquil beauty of a garden after sunset, covered in shimmering dewdrops and gentle twilight hues.

Pastelcalm5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Evening Dewdrop Garden 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 Evening Dewdrop Garden.

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

Data visualization

#9DB190#CFC3E7#B0C4DE#E9D4D8#F8F8F8

Palette guide

How to use Evening Dewdrop Garden

Overview

The "Evening Dewdrop Garden" palette offers a serene collection of pastel hues, evoking a tranquil garden at dusk. With soft green #9DB190, delicate lavender #CFC3E7, calming blue-grey #B0C4DE, and a touch of blush #E9D4D8, anchored by a pure off-white #F8F8F8, this scheme is perfect for designs requiring a gentle, sophisticated touch. It combines the freshness of nature with the quiet beauty of twilight, creating an inviting and peaceful atmosphere. Designers and developers will find these colors ideal for crafting harmonious interfaces and branding that communicates calmness and understated elegance.

Best used for

  • Spa and wellness branding
  • Wedding invitations and decor
  • Nursery or children's product design
  • Gentle user interface (UI) themes
  • Fashion and textile collections
  • Artistic illustrations and digital paintings

Suggested color roles

primary

#9DB190 (Soft Sage Green) – Use as a foundational color for large sections, bringing a natural, calming base.

secondary

#CFC3E7 (Lavender Mist) – Ideal for complementary elements, headers, or subtle accents that add a touch of romance.

accent

#B0C4DE (Misty Blue-Grey) – Employ for interactive elements, icons, or to introduce a cool, tranquil contrast.

background

#F8F8F8 (Dewdrop White) – Provides a clean, airy canvas that allows other colors to softly pop, ensuring readability.

text

Dark charcoal or near-black for body text to maintain high readability against the light background, or a very dark version of #9DB190 for headings.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter palette colors for text.
  • Pair #F8F8F8 with a dark text color like charcoal or black for optimal readability.
  • Avoid using #E9D4D8 or #CFC3E7 as primary text colors on #F8F8F8 without significant size/weight increases.
  • Use a tool to check WCAG contrast ratios for all critical text and interactive elements.

Recommended combinations

Soft Horizon

Ideal for clean, minimalist layouts where a sense of openness and tranquility is desired.

#F8F8F8 · #B0C4DE · #9DB190

Blush Bloom

Perfect for feminine branding, gentle illustrations, or delicate decorative elements.

#E9D4D8 · #CFC3E7 · #F8F8F8

Garden Whisper

Creates a harmonious, nature-inspired blend suitable for backgrounds or layered graphic elements.

#9DB190 · #CFC3E7 · #B0C4DE

CSS variables

:root {
  --evening-dewdrop-garden-1: #9DB190;
  --evening-dewdrop-garden-2: #CFC3E7;
  --evening-dewdrop-garden-3: #B0C4DE;
  --evening-dewdrop-garden-4: #E9D4D8;
  --evening-dewdrop-garden-5: #F8F8F8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "evening-dewdrop-garden": {
        1: "#9DB190",
        2: "#CFC3E7",
        3: "#B0C4DE",
        4: "#E9D4D8",
        5: "#F8F8F8",
      }
    }
  }
}

Related searches

pastel garden color schemesoft green lavender palettetranquil design colorsdewdrop inspired palettecalm UI colors

Palette colors

Hex values

Color 1#9DB190
·
Color 2#CFC3E7
·
Color 3#B0C4DE
·
Color 4#E9D4D8
·
Color 5#F8F8F8
·

Accessibility

Contrast checker

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

Similar palettes

More like Evening Dewdrop Garden

View all Pastel
Pastel Cloud Dream
Frost Kissed Petals
Azure Serene Dawn
Cherry Blossom Festival
Macaron Cloud Dream
Coastal Dawn Pastel