Back to palettes

Palette

Whispering Grass Fields

Soft, natural greens capture the gentle rustle and swaying motion of sunlit grass fields on a breezy day.

Earthnatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Grass Fields 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 Grass Fields.

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

Data visualization

#6B8E23#8FBC8F#9ACD32#ADFF2F#BDB76B

Palette guide

How to use Whispering Grass Fields

Overview

The Whispering Grass Fields palette captures the gentle rustle and swaying motion of sunlit grass fields on a breezy day with its soft, natural greens. This vibrant collection includes earthy olive #6B8E23, a refreshing sage #8FBC8F, and bright, energetic limes like #9ACD32 and #ADFF2F, complemented by the subtle warmth of #BDB76B. Designers and developers will find this palette genuinely useful for creating fresh, lively, and inviting digital and physical products. It's an excellent choice for projects emphasizing nature, health, or a vibrant outdoor aesthetic, from fresh food branding to dynamic web interfaces.

Best used for

  • Fresh food and organic product packaging
  • Outdoor adventure and eco-tourism websites
  • Spring and summer seasonal marketing campaigns
  • Health and wellness application interfaces
  • Vibrant nature photography portfolios
  • Eco-friendly and sustainable brand identities

Suggested color roles

primary

Utilize #6B8E23 for an earthy, grounding primary color, or #9ACD32 for a vibrant, energetic focal point that evokes freshness.

secondary

Employ #8FBC8F as a soft, harmonious secondary color for background sections or supportive graphic elements, maintaining a natural flow.

accent

Introduce #ADFF2F as a bright, energetic accent for interactive elements or key highlights, mimicking sunlit vibrancy, or #BDB76B for a subtle, warm contrast.

background

Opt for #8FBC8F for a soft, natural base, or strategically use #ADFF2F as an accent background for calls-to-action to create impact.

text

Pair a dark, readable color like #6B8E23 or a deep charcoal for body text on lighter backgrounds to ensure excellent readability. Use white on very dark green for contrast.

Accessibility notes

  • Ensure high contrast when placing text on #ADFF2F; black or a very dark green like #6B8E23 is recommended.
  • Be cautious using #8FBC8F for small text on #BDB76B backgrounds due to potential low contrast.
  • Lighter greens like #ADFF2F and #9ACD32 should be used with dark text to meet WCAG AA standards.
  • For interactive elements, ensure sufficient contrast between the color and its surrounding background for clarity and focus.

Recommended combinations

Fresh Growth

Evokes vibrant new growth, perfect for energetic branding, calls-to-action, or dynamic visual elements.

#6B8E23 · #9ACD32 · #ADFF2F

Meadow Blend

Creates a harmonious, earthy blend, ideal for backgrounds, content blocks, or designs requiring a natural, muted feel.

#8FBC8F · #BDB76B · #6B8E23

Vibrant Nature

Excellent for highlighting key information or creating a lively, refreshing aesthetic in headers or interactive components.

#9ACD32 · #ADFF2F · #8FBC8F

CSS variables

:root {
  --whispering-grass-fields-1: #6B8E23;
  --whispering-grass-fields-2: #8FBC8F;
  --whispering-grass-fields-3: #9ACD32;
  --whispering-grass-fields-4: #ADFF2F;
  --whispering-grass-fields-5: #BDB76B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-grass-fields": {
        1: "#6B8E23",
        2: "#8FBC8F",
        3: "#9ACD32",
        4: "#ADFF2F",
        5: "#BDB76B",
      }
    }
  }
}

Related searches

fresh green color palettevibrant grass hex codesnatural spring colorslively outdoor designolive green and lime

Palette colors

Hex values

Color 1#6B8E23
·
Color 2#8FBC8F
·
Color 3#9ACD32
·
Color 4#ADFF2F
·
Color 5#BDB76B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2:1Fail
3.1:1AA18
1.8:1Fail
2
1.8:1Fail
1.1:1Fail
1.8:1Fail
1:1Fail
3
2:1Fail
1.1:1Fail
1.5:1Fail
1.1:1Fail
4
3.1:1AA18
1.8:1Fail
1.5:1Fail
1.7:1Fail
5
1.8:1Fail
1:1Fail
1.1:1Fail
1.7:1Fail

Similar palettes

More like Whispering Grass Fields

View all Earth
Ceramic Glaze River
Mossy Stone Pathway
Mossy Stone Pathway
Rainkissed Meadow Sprout
Succulent Plant Blend
Bohemian Earth Loom