Back to palettes

Palette

Prairie Grass Whisper

Soft greens and muted blues capturing the quiet beauty of a vast grassland as the first light of dawn appears.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Prairie Grass Whisper 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 Prairie Grass Whisper.

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

Data visualization

#9ACD32#B0C4DE#8FBC8F#ADD8E6#AFEEEE

Palette guide

How to use Prairie Grass Whisper

Overview

The Prairie Grass Whisper palette captures the quiet beauty of a vast grassland at dawn, blending soft greens and muted blues. This serene collection features the vibrant yet gentle #9ACD32, a soothing sage-like #8FBC8F, alongside cool, airy blues like #B0C4DE, #ADD8E6, and the almost ethereal #AFEEEE. It's an ideal palette for designs seeking to evoke tranquility, natural freshness, and open spaces. Designers can utilize these hues for eco-friendly branding, calming web interfaces, or content that promotes wellness and a connection to nature, offering a refreshing and approachable aesthetic in digital and print media.

Best used for

  • Eco-friendly and sustainable brand identities
  • Wellness and health-related websites
  • Nature photography or outdoor adventure themes
  • Spa or mindfulness app interfaces
  • Botanical gardens or conservation efforts
  • Spring and summer event invitations

Suggested color roles

primary

#9ACD32 - A vibrant, fresh green, excellent for main content areas, prominent buttons, or a refreshing brand color.

secondary

#8FBC8F - A soothing sage green that complements the primary, suitable for subheadings, secondary elements, or soft backgrounds.

accent

#B0C4DE - A soft, cool blue that provides a calming contrast, perfect for call-to-action buttons, highlights, or interactive elements.

background

#AFEEEE - An extremely light, almost white aqua, offering a clean, airy, and refreshing canvas for the other colors.

text

#2F4F4F - A dark slate gray or charcoal for optimal readability against lighter backgrounds like #AFEEEE, #ADD8E6, or #B0C4DE.

Accessibility notes

  • Ensure sufficient contrast when using #9ACD32 for text on lighter backgrounds like #AFEEEE (WCAG AA passes for large text).
  • Avoid using #8FBC8F, #B0C4DE, #ADD8E6, or #AFEEEE for small body text due to low contrast against most backgrounds.
  • For general body text, always use a very dark color like charcoal or black to ensure readability.
  • When pairing colors, check contrast carefully, especially for interactive elements.

Recommended combinations

Dawn Breeze

Creates a smooth, cool gradient, perfect for backgrounds, headers, or subtle UI elements.

#AFEEEE · #ADD8E6 · #B0C4DE

Fresh Meadow

Highlights natural vitality. #9ACD32 for key features, #8FBC8F for support, and #AFEEEE as a clean base.

#9ACD32 · #8FBC8F · #AFEEEE

Prairie Sky

A balanced, natural blend. #B0C4DE as a calming primary, #9ACD32 for lively accents, and #8FBC8F for depth.

#B0C4DE · #9ACD32 · #8FBC8F

CSS variables

:root {
  --prairie-grass-whisper-1: #9ACD32;
  --prairie-grass-whisper-2: #B0C4DE;
  --prairie-grass-whisper-3: #8FBC8F;
  --prairie-grass-whisper-4: #ADD8E6;
  --prairie-grass-whisper-5: #AFEEEE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "prairie-grass-whisper": {
        1: "#9ACD32",
        2: "#B0C4DE",
        3: "#8FBC8F",
        4: "#ADD8E6",
        5: "#AFEEEE",
      }
    }
  }
}

Related searches

prairie green blue palettesoft natural colorscalm grassland schemeeco friendly color palettedawn inspired colors

Palette colors

Hex values

Color 1#9ACD32
·
Color 2#B0C4DE
·
Color 3#8FBC8F
·
Color 4#ADD8E6
·
Color 5#AFEEEE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.1:1Fail
1.2:1Fail
1.5:1Fail
2
1.1:1Fail
1.2:1Fail
1.2:1Fail
1.4:1Fail
3
1.1:1Fail
1.2:1Fail
1.4:1Fail
1.7:1Fail
4
1.2:1Fail
1.2:1Fail
1.4:1Fail
1.2:1Fail
5
1.5:1Fail
1.4:1Fail
1.7:1Fail
1.2:1Fail

Similar palettes

More like Prairie Grass Whisper

View all earth
Ancient Forest Hearth
Ancient Grove Calm
Ancient Moss Rune
Ancient Moss Whisper
Ancient River Stones
Bamboo Forest Calm