Palette

Meadow Whisper Breeze

Light, fresh greens evoke the gentle rustle of tall grass in a sunny meadow.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A9E4D#B7CC8B#E0EFBF#4E8039#2D5C1E

Palette guide

How to use Meadow Whisper Breeze

Overview

The Meadow Whisper Breeze palette offers a refreshing collection of nature-inspired greens, perfect for evoking a sense of tranquility and organic freshness. With shades ranging from the vibrant #6A9E4D to the soft, airy #E0EFBF and the deep, grounding #2D5C1E, this palette is highly versatile. Designers and developers can leverage these harmonious hues to create designs that feel natural, serene, and inviting. It’s ideal for projects aiming to communicate environmental consciousness, wellness, or a connection to the outdoors, providing a gentle yet distinctive visual identity. The mid-tone #B7CC8B and richer #4E8039 offer excellent supporting roles.

Best used for

Eco-conscious brand identity
Organic product packaging
Wellness and mindfulness app interfaces
Sustainable lifestyle blogs or websites
Nature-themed event branding
Interior design for serene spaces

Suggested color roles

primary

#6A9E4D - A balanced, natural green, ideal for main brand elements, key navigation, or prominent calls to action, conveying vitality and growth.

secondary

#B7CC8B - A soft, lighter green that complements the primary, perfect for supporting graphics, secondary buttons, or background sections that need a gentle lift.

accent

#4E8039 - A rich, deeper green providing a subtle yet effective contrast. Use for important highlights, interactive elements, or headings to add visual depth without overpowering.

background

#E0EFBF - The lightest shade, offering a clean, airy canvas. Excellent for primary page backgrounds, large content blocks, or subtle overlays, ensuring readability.

text

#2D5C1E - A deep, grounding green that provides excellent readability for headings and important text on lighter backgrounds. For body text, consider a standard charcoal or black for optimal contrast.

Accessibility notes

Ensure sufficient contrast between #E0EFBF backgrounds and text, ideally using #2D5C1E or a very dark neutral.
Verify that #B7CC8B text against #E0EFBF backgrounds meets WCAG AA standards for readability.
Use #6A9E4D or #4E8039 for interactive elements to provide clear visual cues against lighter palette colors.
Avoid using #B7CC8B as text color on #6A9E4D or #4E8039, as contrast might be insufficient for some users.

Recommended combinations

Serene Base

Ideal for clean, readable layouts; #E0EFBF as background, #B7CC8B for secondary elements, and #2D5C1E for text or strong accents.

#E0EFBF · #B7CC8B · #2D5C1E

Vibrant Contrast

Highlights natural energy; #6A9E4D for primary elements, #4E8039 for impactful accents, grounded by #E0EFBF as a light background.

#6A9E4D · #4E8039 · #E0EFBF

Deep Meadow

Creates depth and organic feel; #2D5C1E for powerful headings or footers, #6A9E4D for main content, and #B7CC8B for supporting details.

#2D5C1E · #6A9E4D · #B7CC8B

CSS variables

:root {
  --meadow-whisper-breeze-1: #6A9E4D;
  --meadow-whisper-breeze-2: #B7CC8B;
  --meadow-whisper-breeze-3: #E0EFBF;
  --meadow-whisper-breeze-4: #4E8039;
  --meadow-whisper-breeze-5: #2D5C1E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "meadow-whisper-breeze": {
        1: "#6A9E4D",
        2: "#B7CC8B",
        3: "#E0EFBF",
        4: "#4E8039",
        5: "#2D5C1E",
      }
    }
  }
}

Hex values

Color 1#6A9E4D

Color 2#B7CC8B

Color 3#E0EFBF

Color 4#4E8039

Color 5#2D5C1E

Accessibility

Contrast checker

1.8:1Fail

2.6:1Fail

1.5:1Fail

2.5:1Fail

1.8:1Fail

1.4:1Fail

2.7:1Fail

4.5:1AA