Back to palettes

Palette

Spring Meadow Dewdrop

The light, refreshing greens of a spring meadow, glistening with morning dewdrops.

EarthNatural5 colors
More Earth 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

#7DBC8E#A7D7B1#C4E4CA#63A374#E0F2E3

Palette guide

How to use Spring Meadow Dewdrop

Overview

The Spring Meadow Dewdrop palette captures the light, refreshing greens of a spring meadow, glistening with morning dewdrops, offering a truly natural and invigorating aesthetic. This earthy collection features #E0F2E3, a very light, almost ethereal green-white, providing a luminous and airy foundation. The palette then unfolds through a range of gentle, fresh greens: #C4E4CA, #A7D7B1, and #7DBC8E, each offering a slightly deeper, more saturated tone. The grounding element is #63A374, a confident medium green that adds a subtle strength. Designers and developers can leverage these hues to create fresh, organic digital interfaces, clean branding, or soothing print materials that evoke growth, vitality, and the tranquil beauty of a dew-kissed natural landscape.

Best used for

  • Natural health product packaging
  • Eco-tourism website design
  • Farm-to-table restaurant branding
  • Outdoor lifestyle apparel lookbooks
  • Nature conservation project graphics
  • Sustainable living blogs

Suggested color roles

primary

#7DBC8E - A balanced, fresh green that serves as an excellent primary color for main content areas, buttons, and key design elements, conveying natural vitality.

secondary

#A7D7B1 - This slightly lighter green is perfect for supporting elements, subheadings, or as a subtle background for content blocks, maintaining harmony.

accent

#63A374 - Use this confident, slightly deeper green for strong calls-to-action, important alerts, or to add a bolder statement and visual anchor.

background

#E0F2E3 - A very light, crisp green, providing an excellent, refreshing background that keeps the overall design bright and airy.

text

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

Accessibility notes

  • The very light background #E0F2E3 requires dark text (e.g., black or dark gray) for optimal readability and WCAG compliance.
  • Avoid placing #C4E4CA or #A7D7B1 text on #E0F2E3 as contrast will be insufficient; always test.
  • #7DBC8E and #63A374 offer good contrast for white text, but verify WCAG AA/AAA standards, especially for smaller fonts.
  • Ensure clear visual hierarchy by utilizing the contrast between the deeper greens and the lighter background.

Recommended combinations

Fresh Dewdrop

Create a bright, invigorating interface with a light background and harmonious green content blocks.

#E0F2E3 · #7DBC8E · #A7D7B1

Grounded Vitality

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

#E0F2E3 · #63A374 · #7DBC8E

Layered Greens

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

#A7D7B1 · #C4E4CA · #7DBC8E

CSS variables

:root {
  --spring-meadow-dewdrop-1: #7DBC8E;
  --spring-meadow-dewdrop-2: #A7D7B1;
  --spring-meadow-dewdrop-3: #C4E4CA;
  --spring-meadow-dewdrop-4: #63A374;
  --spring-meadow-dewdrop-5: #E0F2E3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-meadow-dewdrop": {
        1: "#7DBC8E",
        2: "#A7D7B1",
        3: "#C4E4CA",
        4: "#63A374",
        5: "#E0F2E3",
      }
    }
  }
}

Related searches

natural green color palettefresh spring greensearthy dewdrop schemelight green nature colorstranquil verdant palette

Palette colors

Hex values

Color 1#7DBC8E
·
Color 2#A7D7B1
·
Color 3#C4E4CA
·
Color 4#63A374
·
Color 5#E0F2E3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.6:1Fail
1.3:1Fail
1.9:1Fail
2
1.4:1Fail
1.2:1Fail
1.9:1Fail
1.4:1Fail
3
1.6:1Fail
1.2:1Fail
2.2:1Fail
1.2:1Fail
4
1.3:1Fail
1.9:1Fail
2.2:1Fail
2.6:1Fail
5
1.9:1Fail
1.4:1Fail
1.2:1Fail
2.6:1Fail

Similar palettes

More like Spring Meadow Dewdrop

View all Earth
Botanical Green Sanctuary
Succulent Garden Hues
Wild Bloom Meadow
Botanical Earth Ground
Desert Oasis Bloom
Forest Bathing