Back to palettes

Palette

Meadow Spring Fresh

Light, airy greens and delicate whites capture the new growth and gentle freshness of a spring meadow.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8AD4A6#C0E9CB#E1F7EA#6DA382#99C7AE

Palette guide

How to use Meadow Spring Fresh

Overview

The Meadow Spring Fresh palette evokes the serene beauty of new growth with its harmonious blend of light and airy greens. Featuring a vibrant primary green #8AD4A6, a softer #C0E9CB, and an almost white #E1F7EA, this collection is perfect for creating designs that feel calm, fresh, and inviting. The deeper tones of #6DA382 and #99C7AE provide grounding and versatility, allowing for depth without sacrificing the palette's overall lightness. Developers will find these hex codes easy to implement across web and UI projects, ensuring a consistent, refreshing aesthetic. This palette is ideal for conveying natural elegance and gentle sophistication in any visual medium, from digital interfaces to print materials.

Best used for

  • Nature-themed branding and logos
  • Wellness and health application interfaces
  • Eco-friendly product packaging designs
  • Children's educational content and toys
  • Spa or beauty salon interior design concepts
  • Spring event invitations and marketing materials

Suggested color roles

primary

Utilize #8AD4A6 as the dominant color for main elements like headers, call-to-action buttons, or key graphical features to convey freshness and vitality.

secondary

Apply #C0E9CB for supporting elements, backgrounds of secondary sections, or larger areas needing a soft, tranquil feel without overpowering the primary.

accent

Employ #6DA382 sparingly for emphasis, interactive states, or small icons where a deeper, grounding green is needed to draw attention without losing harmony.

background

Use #E1F7EA extensively for clean, airy backgrounds on web pages, print materials, or UI cards, providing an expansive and refreshing canvas.

text

For headings and titles, #6DA382 or #99C7AE offers excellent readability against lighter backgrounds. For body text, consider a dark charcoal or black for optimal contrast and accessibility.

Accessibility notes

  • Be cautious with text placed on #E1F7EA or #C0E9CB; ensure sufficient contrast (WCAG AA/AAA) is met, ideally using darker text like #6DA382.
  • For text on #8AD4A6 or #99C7AE, white or a very light off-white is recommended for optimal readability and visual comfort.
  • Interactive elements like buttons or links should have distinct hover/focus states, ensuring a perceivable contrast shift using a darker shade from the palette.
  • Avoid using the lighter palette colors for large blocks of body text; always opt for a dark neutral color to maximize readability for all users.

Recommended combinations

Light & Airy

Ideal for clean, minimalist user interfaces, branding for wellness products, or soft, inviting web layouts.

#E1F7EA · #C0E9CB · #8AD4A6

Grounded Freshness

Excellent for creating a more established, natural brand identity or for data visualizations where clear distinctions are needed.

#8AD4A6 · #99C7AE · #6DA382

Subtle Depth

Perfect for delicate illustrations, subtle background patterns, or accentuating details in editorial design without being overwhelming.

#C0E9CB · #E1F7EA · #6DA382

CSS variables

:root {
  --meadow-spring-fresh-1: #8AD4A6;
  --meadow-spring-fresh-2: #C0E9CB;
  --meadow-spring-fresh-3: #E1F7EA;
  --meadow-spring-fresh-4: #6DA382;
  --meadow-spring-fresh-5: #99C7AE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "meadow-spring-fresh": {
        1: "#8AD4A6",
        2: "#C0E9CB",
        3: "#E1F7EA",
        4: "#6DA382",
        5: "#99C7AE",
      }
    }
  }
}

Related searches

spring green color palettefresh pastel greenscalm nature color schemelight green UI colorsairy green branding palette

Palette colors

Hex values

Color 1#8AD4A6
·
Color 2#C0E9CB
·
Color 3#E1F7EA
·
Color 4#6DA382
·
Color 5#99C7AE
·

Accessibility

Contrast checker

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

Similar palettes

More like Meadow Spring Fresh

View all pastel
Blooming Garden Sprig
Dewdrop Meadow Soft
Fresh Spring Breeze
Morning Dew Meadow
Morning Dew Petals
Spring Bloom Dew