Back to palettes

Palette

Spring Meadow Awakening

Delicate greens and warm creams evoke the gentle freshness of a meadow after spring rain.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8BBE82#C2E8A9#F7FFDB#FFEFDA#ECC7A4

Palette guide

How to use Spring Meadow Awakening

Overview

The Spring Meadow Awakening palette brings a serene and fresh ambiance, ideal for projects aiming for a gentle, natural feel. This collection features a harmonious blend of soft greens and warm, earthy creams. The primary green, #8BBE82, offers a grounded yet vibrant touch, beautifully complemented by the lighter, airy green of #C2E8A9. The palette then transitions into delicate creams: #F7FFDB provides a near-white, luminous base, while #FFEFDA introduces a subtle warmth. A richer, comforting tan, #ECC7A4, rounds out the scheme, adding depth without losing the overall lightness. Designers and developers can leverage these hues to create inviting digital interfaces, soothing print materials, or elegant branding that evokes the tranquility of a spring morning. Its pastel nature makes it versatile for a range of applications seeking a soft, organic aesthetic.

Best used for

  • Nature-inspired branding for eco-friendly products
  • Wellness and spa website designs
  • Children's book illustrations and educational apps
  • Serene home decor mood boards
  • Sustainable fashion lookbooks
  • Gentle mobile application interfaces

Suggested color roles

primary

#8BBE82 - Use this soft, grounded green for main branding elements, larger hero sections, or key interactive components to establish a natural, calm foundation.

secondary

#C2E8A9 - Ideal for supporting elements, secondary buttons, or data visualizations where a lighter, airy green is desired without competing with the primary.

accent

#ECC7A4 - Introduce this warm, muted tan sparingly for call-to-action buttons, highlights, or illustrative details to add a touch of gentle warmth and contrast.

background

#F7FFDB - This very light, almost off-white cream provides an excellent, soft canvas, ensuring readability and a bright, open feel for content.

text

For most body text, use a dark charcoal like #333333 or pure black for optimal readability. #FFEFDA could be used for decorative headings or large text on a darker, contrasting background.

Accessibility notes

  • Ensure sufficient contrast between light greens like #C2E8A9 and text, especially for smaller font sizes; aim for WCAG AA standards.
  • Avoid placing light cream (#F7FFDB, #FFEFDA) text directly on light green (#C2E8A9) backgrounds as contrast will be very low.
  • When using #8BBE82 as a background, test text colors carefully; a dark charcoal or white would likely be suitable.
  • The warm tan #ECC7A4 may require darker text (e.g., black) to pass contrast ratios, especially against #F7FFDB.

Recommended combinations

Soft Green Base

Ideal for creating a calm, natural interface background with primary and secondary elements.

#F7FFDB · #8BBE82 · #C2E8A9

Warm Accents

Use for inviting call-to-actions or highlighted content where the warm tan provides gentle emphasis.

#F7FFDB · #ECC7A4 · #8BBE82

Subtle Depth

Excellent for layered graphics or subtle gradients, maintaining a light yet distinguishable contrast.

#C2E8A9 · #8BBE82 · #FFEFDA

CSS variables

:root {
  --spring-meadow-awakening-1: #8BBE82;
  --spring-meadow-awakening-2: #C2E8A9;
  --spring-meadow-awakening-3: #F7FFDB;
  --spring-meadow-awakening-4: #FFEFDA;
  --spring-meadow-awakening-5: #ECC7A4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-meadow-awakening": {
        1: "#8BBE82",
        2: "#C2E8A9",
        3: "#F7FFDB",
        4: "#FFEFDA",
        5: "#ECC7A4",
      }
    }
  }
}

Related searches

spring green color palettepastel nature colorscalm meadow palettelight earthy tonesfresh green cream scheme

Palette colors

Hex values

Color 1#8BBE82
·
Color 2#C2E8A9
·
Color 3#F7FFDB
·
Color 4#FFEFDA
·
Color 5#ECC7A4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.1:1Fail
1.9:1Fail
1.4:1Fail
2
1.6:1Fail
1.3:1Fail
1.2:1Fail
1.2:1Fail
3
2.1:1Fail
1.3:1Fail
1.1:1Fail
1.5:1Fail
4
1.9:1Fail
1.2:1Fail
1.1:1Fail
1.4:1Fail
5
1.4:1Fail
1.2:1Fail
1.5:1Fail
1.4:1Fail

Similar palettes

More like Spring Meadow Awakening

View all pastel
Morning Dew Meadow
Spring Meadow Dawn
Dewdrop Meadow Soft
Grassy Meadow Morning
Meadow Spring Fresh
Morning Dew Petals