Back to palettes

Palette

Spring Meadow Dewdrop

Gentle greens and soft pastels mimic the fresh, delicate vibrancy of a dew-kissed spring meadow.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spring Meadow 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 Spring Meadow Dewdrop.

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

Data visualization

#E0EEDF#C7DFCA#A3C9AE#7EAB96#5A8C7F

Palette guide

How to use Spring Meadow Dewdrop

Overview

The Spring Meadow Dewdrop palette beautifully mimics the fresh, delicate vibrancy of a dew-kissed spring meadow with its gentle greens and soft pastels. This calm and harmonious collection features #E0EEDF, a very light, almost white-green, providing an airy and luminous base. Each subsequent color—#C7DFCA, #A3C9AE, #7EAB96—offers a subtle increase in saturation and depth, building a natural visual rhythm. The palette culminates with #5A8C7F, a grounded, muted teal-green that adds a sophisticated anchor. Designers and developers can leverage these hues to create serene and elegant digital interfaces, refined branding, or soothing print materials that evoke a sense of tranquility, freshness, and understated natural beauty, perfect for a peaceful aesthetic.

Best used for

  • Wellness and meditation app design
  • Organic skincare product branding
  • Eco-luxury lifestyle websites
  • Botanical illustration backdrops
  • Serene interior design concepts
  • Sustainable fashion brand lookbooks

Suggested color roles

primary

#A3C9AE - A balanced, soft green that serves as an excellent primary color for main content areas, headers, or key design elements, conveying natural elegance.

secondary

#7EAB96 - This slightly deeper, muted teal-green is perfect for supporting elements, subheadings, or subtle background textures, adding gentle depth.

accent

#5A8C7F - Use this grounded, sophisticated green for subtle accents, important links, or to draw attention to specific details without overwhelming the palette.

background

#E0EEDF - An exceptionally light, crisp green, ideal for a clean, bright, and expansive background that promotes readability and an airy feel.

text

This light green is unsuitable for body text. For readability, use a dark charcoal like #333333 or black. #C7DFCA can be used for decorative purposes on a darker, contrasting background.

Accessibility notes

  • The very light background #E0EEDF requires dark text (e.g., black or dark gray) for optimal readability and WCAG compliance.
  • Avoid placing #C7DFCA or #A3C9AE text on #E0EEDF as contrast will be insufficient; always check contrast.
  • #7EAB96 and #5A8C7F can support white text, but contrast should be verified, especially for small font sizes.
  • Ensure clear visual hierarchy by utilizing the contrast between the deeper greens and the lighter background.

Recommended combinations

Subtle Serenity

Create a calm, sophisticated interface with a light background and harmonious mid-tone green elements.

#E0EEDF · #A3C9AE · #7EAB96

Grounded Elegance

Ideal for adding a touch of deeper green for emphasis or important calls-to-action against a soft base.

#E0EEDF · #5A8C7F · #A3C9AE

Dewdrop Layers

Use for creating gentle visual depth in graphics or subtle layered backgrounds, maintaining a delicate feel.

#C7DFCA · #A3C9AE · #7EAB96

CSS variables

:root {
  --spring-meadow-dewdrop-2-1: #E0EEDF;
  --spring-meadow-dewdrop-2-2: #C7DFCA;
  --spring-meadow-dewdrop-2-3: #A3C9AE;
  --spring-meadow-dewdrop-2-4: #7EAB96;
  --spring-meadow-dewdrop-2-5: #5A8C7F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-meadow-dewdrop-2": {
        1: "#E0EEDF",
        2: "#C7DFCA",
        3: "#A3C9AE",
        4: "#7EAB96",
        5: "#5A8C7F",
      }
    }
  }
}

Related searches

soft green pastel palettetranquil nature colorsdewdrop color schememuted teal green paletteserene natural aesthetic

Palette colors

Hex values

Color 1#E0EEDF
·
Color 2#C7DFCA
·
Color 3#A3C9AE
·
Color 4#7EAB96
·
Color 5#5A8C7F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2.1:1Fail
3.2:1AA18
2
1.2:1Fail
1.3:1Fail
1.8:1Fail
2.7:1Fail
3
1.5:1Fail
1.3:1Fail
1.4:1Fail
2.1:1Fail
4
2.1:1Fail
1.8:1Fail
1.4:1Fail
1.5:1Fail
5
3.2:1AA18
2.7:1Fail
2.1:1Fail
1.5:1Fail

Similar palettes

More like Spring Meadow Dewdrop

View all pastel
Blooming Meadow Softness
Morning Blossom Dew
Morning Dew Meadow
Blushing Petal Softness
Cherry Bloom Serenity
Cherry Blossom Bloom