Back to palettes

Palette

Spring Thaw Meadow

Fresh and soft greens signify the gentle awakening of nature, as snow melts and spring flowers begin to bloom.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E1F5FE#C1DED6#9FD1B7#7DC498#5BB779

Palette guide

How to use Spring Thaw Meadow

Overview

The Spring Thaw Meadow palette evokes the gentle awakening of nature, capturing the essence of melting snow and emerging greenery. This serene collection features soft, fresh greens ranging from the airy #E1F5FE, reminiscent of a clear spring sky, to the deeper, more vibrant #5BB779, symbolizing lush new growth. Designers and developers can leverage this pastel gradient to create inviting and calming digital experiences. The harmonious blend of #C1DED6, #9FD1B7, and #7DC498 offers a refreshing aesthetic, perfect for projects aiming for a natural, tranquil, or eco-friendly feel. It's an excellent choice for conveying freshness and renewal.

Best used for

  • Nature-themed websites and apps
  • Wellness and meditation platforms
  • Eco-friendly brand identities
  • Children's book illustrations or educational apps
  • Spring seasonal marketing campaigns
  • Interior design visualization for serene spaces

Suggested color roles

primary

#9FD1B7 - A balanced, mid-tone green that feels established yet fresh, ideal for main UI elements like buttons, navigation, or section headers.

secondary

#7DC498 - A slightly darker, more present green, perfect for supporting elements, secondary calls-to-action, or data visualization.

accent

#5BB779 - The deepest green in the palette, providing a subtle pop for key interactive elements, icons, or important notifications.

background

#E1F5FE - A very light, almost icy blue-green, serving as a clean, expansive backdrop that enhances the freshness of other colors.

text

#C1DED6 - While light, this soft green can work for large, decorative headlines on a darker background or as a subtle sub-text color. For main body text, consider a dark charcoal or black for readability.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter greens like #E1F5FE or #C1DED6 with text; dark text is often necessary.
  • Pair #5BB779 with white or very light text for optimal readability, especially for smaller font sizes.
  • Avoid using adjacent colors like #9FD1B7 and #7DC498 for critical information if color alone is the differentiator, due to their close luminance.
  • Test all text and interactive element color combinations against WCAG contrast guidelines, particularly for regular text against any background.

Recommended combinations

Fresh UI

Ideal for clean user interfaces, with #E1F5FE as background, #9FD1B7 for primary elements, and #5BB779 for accents.

#E1F5FE · #9FD1B7 · #5BB779

Meadow Gradient

Creates a soft, natural gradient effect for banners, illustrations, or background transitions.

#C1DED6 · #9FD1B7 · #7DC498

Subtle Harmony

Great for a very gentle, understated design, where #E1F5FE is the base, #C1DED6 for secondary content, and #7DC498 for highlights.

#E1F5FE · #C1DED6 · #7DC498

CSS variables

:root {
  --spring-thaw-meadow-1: #E1F5FE;
  --spring-thaw-meadow-2: #C1DED6;
  --spring-thaw-meadow-3: #9FD1B7;
  --spring-thaw-meadow-4: #7DC498;
  --spring-thaw-meadow-5: #5BB779;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-thaw-meadow": {
        1: "#E1F5FE",
        2: "#C1DED6",
        3: "#9FD1B7",
        4: "#7DC498",
        5: "#5BB779",
      }
    }
  }
}

Related searches

spring green color palettepastel green themefresh nature colorscalming green designlight green aesthetic

Palette colors

Hex values

Color 1#E1F5FE
·
Color 2#C1DED6
·
Color 3#9FD1B7
·
Color 4#7DC498
·
Color 5#5BB779
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.5:1Fail
1.8:1Fail
2.2:1Fail
2
1.3: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.2:1Fail
1.7:1Fail
1.4:1Fail
1.2:1Fail

Similar palettes

More like Spring Thaw Meadow

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