Back to palettes

Palette

Dewdrop Meadow Fresh

Soft, rejuvenating greens, like dew-kissed grass in a meadow at the gentle awakening of spring.

pastelnatural5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C8E6C9#A5D6A7#81C784#66BB6A#4CAF50

Palette guide

How to use Dewdrop Meadow Fresh

Overview

The Dewdrop Meadow Fresh palette offers a rejuvenating spectrum of greens, reminiscent of spring's gentle awakening. From the very light #C8E6C9 to the rich #4CAF50, these shades evoke freshness and natural vitality. Designers can utilize this palette to create serene, clean, and inviting digital experiences or branding. The harmonious progression through #A5D6A7, #81C784, and #66BB6A makes it excellent for gradients or subtle distinctions in UI elements. This collection is perfect for conveying growth, health, and an airy, light aesthetic, appealing to audiences seeking calm and natural beauty.

Best used for

  • Health and wellness brands
  • Garden and plant-related businesses
  • Eco-conscious product design
  • Spring event invitations
  • Natural food packaging
  • Mindfulness and meditation apps

Suggested color roles

primary

The darkest shade, #4CAF50, provides a solid and grounding presence, ideal for primary headings or important calls to action.

secondary

Use #66BB6A for subheadings, active states, or graphic elements that require a slightly softer, yet still impactful, green.

accent

The bright #81C784 can be used for highlights, small icons, or to add a touch of fresh vibrancy to a design.

background

The lightest color, #C8E6C9, offers a clean, airy canvas that allows the darker greens to pop.

text

For body text, #4CAF50 provides excellent readability against lighter backgrounds like #C8E6C9 or #A5D6A7.

Accessibility notes

  • Ensure sufficient contrast when placing light text on lighter greens, such as white text on #C8E6C9.
  • The darkest green, #4CAF50, offers good contrast for text on all lighter shades in the palette.
  • Avoid using #C8E6C9 or #A5D6A7 for small text when paired with similar light backgrounds.
  • Use #4CAF50 for body text against #C8E6C9 for optimal readability and a fresh aesthetic.

Recommended combinations

Fresh Contrast

Perfect for main content areas, with dark text on a light background and a vibrant accent.

#4CAF50 · #C8E6C9 · #81C784

Meadow Gradient

Creates a soft, natural progression ideal for background elements, banners, or subtle visual depth.

#A5D6A7 · #81C784 · #66BB6A

Vibrant Pop

Use for interactive elements or calls to action, ensuring they stand out with a lively, fresh appeal.

#66BB6A · #C8E6C9 · #4CAF50

CSS variables

:root {
  --dewdrop-meadow-fresh-1: #C8E6C9;
  --dewdrop-meadow-fresh-2: #A5D6A7;
  --dewdrop-meadow-fresh-3: #81C784;
  --dewdrop-meadow-fresh-4: #66BB6A;
  --dewdrop-meadow-fresh-5: #4CAF50;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dewdrop-meadow-fresh": {
        1: "#C8E6C9",
        2: "#A5D6A7",
        3: "#81C784",
        4: "#66BB6A",
        5: "#4CAF50",
      }
    }
  }
}

Related searches

spring green palettefresh nature colorsmeadow green designlight green brandingnatural health palette

Palette colors

Hex values

Color 1#C8E6C9
·
Color 2#A5D6A7
·
Color 3#81C784
·
Color 4#66BB6A
·
Color 5#4CAF50
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.8:1Fail
2.1:1Fail
2
1.2:1Fail
1.2:1Fail
1.4:1Fail
1.7:1Fail
3
1.5:1Fail
1.2:1Fail
1.2:1Fail
1.4:1Fail
4
1.8:1Fail
1.4:1Fail
1.2:1Fail
1.2:1Fail
5
2.1:1Fail
1.7:1Fail
1.4:1Fail
1.2:1Fail

Similar palettes

More like Dewdrop Meadow Fresh

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