Back to palettes

Palette

Whispering Meadow Breeze

Soft and harmonious greens, capturing the gentle movement of a fresh meadow in the breeze.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Meadow Breeze 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 Whispering Meadow Breeze.

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

Data visualization

#C7DDC8#A7C9A7#80A980#588958#F2F7F2

Palette guide

How to use Whispering Meadow Breeze

Overview

The Whispering Meadow Breeze palette encapsulates the soft, harmonious greens of a gentle spring meadow, perfect for evoking a sense of calm and natural freshness. It features a soft, muted green #C7DDC8, a slightly deeper sage #A7C9A7, a vibrant meadow green #80A980, a rich forest green #588958, and a very light, almost white neutral #F2F7F2. This collection is ideal for designers and developers aiming to create serene, eco-friendly, or organic-themed projects. Its balanced tones allow for versatile application, from subtle backgrounds to impactful calls to action, ensuring a cohesive and naturally appealing visual experience across digital and print mediums.

Best used for

  • Natural and organic product branding
  • Environmental and conservation websites
  • Health and wellness platforms
  • Gardening and botanical design projects
  • Sustainable living blogs and content
  • Tranquil user interface designs

Suggested color roles

primary

Use #A7C9A7 as a dominant, inviting green for main content areas or brand elements, conveying freshness and balance.

secondary

Employ #80A980 for subheadings, secondary buttons, or accent panels, adding a richer green that provides depth.

accent

Apply #588958 for strong calls to action, important text, or as a grounding element, offering clear emphasis.

background

Utilize #F2F7F2 as a light, clean background, allowing the greens to stand out and maintaining an airy feel.

text

For clear readability on lighter backgrounds, use #588958 for body text or a standard dark charcoal/black.

Accessibility notes

  • Ensure sufficient contrast for text on very light backgrounds like #F2F7F2; use #588958 or #80A980.
  • Lighter greens such as #C7DDC8 may not provide enough contrast for small text when paired with other light colors.
  • For interactive elements, ensure they have sufficient contrast against their background, ideally using #588958.
  • Consider larger font sizes or bolding for text using #A7C9A7 on mid-tone backgrounds to improve legibility.

Recommended combinations

Soft Spring Layers

Ideal for subtle background gradients, clean hero sections, or tranquil UI elements in wellness applications.

#F2F7F2 · #C7DDC8 · #A7C9A7

Meadow Depth

Perfect for content blocks, card designs, or visual elements requiring a natural progression of green tones.

#A7C9A7 · #80A980 · #588958

Crisp Green Contrast

Use for clean layouts with prominent, readable text and supportive accent elements, conveying freshness and clarity.

#F2F7F2 · #588958 · #80A980

CSS variables

:root {
  --whispering-meadow-breeze-1: #C7DDC8;
  --whispering-meadow-breeze-2: #A7C9A7;
  --whispering-meadow-breeze-3: #80A980;
  --whispering-meadow-breeze-4: #588958;
  --whispering-meadow-breeze-5: #F2F7F2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-meadow-breeze": {
        1: "#C7DDC8",
        2: "#A7C9A7",
        3: "#80A980",
        4: "#588958",
        5: "#F2F7F2",
      }
    }
  }
}

Related searches

harmonious green palettefresh nature colorsspring meadow designcalm green weborganic color scheme

Palette colors

Hex values

Color 1#C7DDC8
·
Color 2#A7C9A7
·
Color 3#80A980
·
Color 4#588958
·
Color 5#F2F7F2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.8:1Fail
1.3:1Fail
2
1.3:1Fail
1.5:1Fail
2.3:1Fail
1.7:1Fail
3
1.8:1Fail
1.5:1Fail
1.5:1Fail
2.4:1Fail
4
2.8:1Fail
2.3:1Fail
1.5:1Fail
3.8:1AA18
5
1.3:1Fail
1.7:1Fail
2.4:1Fail
3.8:1AA18

Similar palettes

More like Whispering Meadow Breeze

View all earth
Forest Moss Path
Herbal Garden Fresh
Lush Herb Garden
Lush Meadow Dawn
Meadowland Serenity
Apothecary Bloom Green