Palette

Spring Bloom Dew

Fresh and delicate greens, capturing the essence of new leaves and gentle dew drops in a spring garden.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spring Bloom Dew 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 Bloom Dew.

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

Data visualization

#EAF7E8#CDEBC7#A0D19E#75B374#4A954B

Palette guide

How to use Spring Bloom Dew

Overview

The Spring Bloom Dew palette captures the fresh and delicate essence of new leaves and gentle dew drops in a spring garden, offering a serene collection of greens. Featuring a very light green #EAF7E8, a soft mint green #CDEBC7, a muted sage green #A0D19E, a vibrant forest green #75B374, and a deep, rich green #4A954B, this palette is naturally calming and refreshing. Designers can leverage its lighter tones for airy backgrounds and its deeper shades for grounding and emphasis, creating designs that evoke nature, growth, and tranquility, ideal for eco-friendly or wellness-focused projects.

Best used for

Eco-friendly product branding and packaging
Gardening and botanical website design
Wellness and spa marketing materials
Children's educational apps or books
Nature photography portfolios
Sustainable fashion or home goods

Suggested color roles

primary

Utilize #75B374 (Vibrant Forest Green) for main brand elements, key headlines, or prominent UI components to convey natural vitality and freshness.

secondary

Employ #A0D19E (Muted Sage Green) for supporting calls-to-action, interactive elements, or secondary graphics, offering a softer, harmonious contrast.

accent

Reserve #4A954B (Deep Rich Green) for subtle highlights, icons, or decorative touches to add depth and a touch of grounded elegance.

background

Use #EAF7E8 (Very Light Green) as a primary background color to create an airy, clean, and refreshing canvas for content.

text

For optimal readability, a dark charcoal or black works best against lighter shades like #EAF7E8 or #CDEBC7. On darker backgrounds such as #4A954B, use white or #A0D19E text for clarity.

Accessibility notes

Ensure sufficient contrast when pairing #A0D19E or #CDEBC7 with text; dark charcoal or black is usually best on lighter tones.
Avoid using #EAF7E8 text on #CDEBC7 backgrounds for smaller font sizes due to low contrast.
The darkest color, #4A954B, provides excellent contrast for white or #EAF7E8 text, making it suitable for headlines.
Always test color combinations with accessibility checkers to meet WCAG AA compliance, especially for critical information.

Recommended combinations

Fresh Growth

Creates a light, airy base with a vibrant pop, perfect for clean website layouts, fresh product branding, or spring promotions.

#EAF7E8 · #CDEBC7 · #75B374

Dewy Forest

Ideal for grounding elements with a natural gradient, suitable for website footers, robust call-to-action buttons, or nature-themed illustrations.

#4A954B · #75B374 · #A0D19E

Spring Whisper

Offers a soft, harmonious feel, perfect for blog backgrounds, serene testimonial sections, or elegant packaging for organic products.

#CDEBC7 · #EAF7E8 · #A0D19E

CSS variables

:root {
  --spring-bloom-dew-1: #EAF7E8;
  --spring-bloom-dew-2: #CDEBC7;
  --spring-bloom-dew-3: #A0D19E;
  --spring-bloom-dew-4: #75B374;
  --spring-bloom-dew-5: #4A954B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-bloom-dew": {
        1: "#EAF7E8",
        2: "#CDEBC7",
        3: "#A0D19E",
        4: "#75B374",
        5: "#4A954B",
      }
    }
  }
}

Hex values

Color 1#EAF7E8

Color 2#CDEBC7

Color 3#A0D19E

Color 4#75B374

Color 5#4A954B

Accessibility

Contrast checker

1.2:1Fail

1.6:1Fail

2.2:1Fail

3.3:1AA18

1.2:1Fail

1.3:1Fail

1.9:1Fail

2.9:1Fail

1.6:1Fail

1.3:1Fail

1.4:1Fail

2.1:1Fail

2.2:1Fail

1.9:1Fail

1.4:1Fail

1.5:1Fail

3.3:1AA18

2.9:1Fail

2.1:1Fail

1.5:1Fail

Similar palettes

More like Spring Bloom Dew

Spring Meadow Awakening

Spring Meadow Bloom