Back to palettes

Palette

Whispering Dune Grass

A serene palette evoking the sandy whispers and gentle greens of a coastal dune landscape at peace.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C9BA9B#A18A6A#829C71#586C4B#E5DCD0

Palette guide

How to use Whispering Dune Grass

Overview

The Whispering Dune Grass palette evokes a serene coastal dune landscape at peace, blending sandy whispers with gentle greens. This collection features harmonious tones like the soft beige-green of #C9BA9B, the deeper earthy green of #829C71, and the rich forest green of #586C4B. The inclusion of #A18A6A and the very light #E5DCD0 ensures a balanced and organic aesthetic, perfect for designs that aim to be both tranquil and grounded in nature. It's an excellent choice for portraying sustainability, natural beauty, and a sense of calm.

Best used for

  • Environmental non-profit organizations
  • Organic food and farm-to-table brands
  • Sustainable fashion and lifestyle products
  • Landscape design and gardening services
  • Wellness retreats and eco-lodges
  • Natural history and conservation websites

Suggested color roles

primary

Use #C9BA9B as a soft, natural base for main content areas, offering a gentle, earthy foundation.

secondary

Apply #829C71 for supporting elements, subheadings, or to introduce a distinct organic green accent.

accent

Employ #586C4B for strong call-to-actions, important highlights, or grounding visual anchors.

background

The lightest shade, #E5DCD0, is perfect for spacious page backgrounds, creating an airy and natural feel.

text

Utilize #586C4B for headings and body text to ensure excellent readability against lighter shades, or a dark charcoal for general text.

Accessibility notes

  • Ensure sufficient contrast between light background colors (e.g., #E5DCD0) and text, especially with #C9BA9B.
  • The deep #586C4B provides excellent contrast for text on all lighter palette colors.
  • Be mindful of contrast when using #A18A6A for text on #C9BA9B; test for readability.
  • Test all text and background color combinations to meet WCAG contrast guidelines.

Recommended combinations

Coastal Harmony

Ideal for hero sections or branding elements, representing a serene natural landscape.

#E5DCD0 · #C9BA9B · #829C71

Deep Roots

Excellent for defining content blocks, card elements, or navigation areas with depth.

#A18A6A · #586C4B · #829C71

Organic Accent

Perfect for high-contrast accents, call-to-action buttons, or iconography.

#829C71 · #E5DCD0 · #586C4B

CSS variables

:root {
  --whispering-dune-grass-1: #C9BA9B;
  --whispering-dune-grass-2: #A18A6A;
  --whispering-dune-grass-3: #829C71;
  --whispering-dune-grass-4: #586C4B;
  --whispering-dune-grass-5: #E5DCD0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-dune-grass": {
        1: "#C9BA9B",
        2: "#A18A6A",
        3: "#829C71",
        4: "#586C4B",
        5: "#E5DCD0",
      }
    }
  }
}

Related searches

dune grass color palettenatural green beigeorganic brand colorsserene landscape palettesustainable design

Palette colors

Hex values

Color 1#C9BA9B
·
Color 2#A18A6A
·
Color 3#829C71
·
Color 4#586C4B
·
Color 5#E5DCD0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.6:1Fail
3:1Fail
1.4:1Fail
2
1.7:1Fail
1.1:1Fail
1.7:1Fail
2.4:1Fail
3
1.6:1Fail
1.1:1Fail
1.9:1Fail
2.2:1Fail
4
3:1Fail
1.7:1Fail
1.9:1Fail
4.2:1AA18
5
1.4:1Fail
2.4:1Fail
2.2:1Fail
4.2:1AA18

Similar palettes

More like Whispering Dune Grass

View all earth
Ancient Forest Hush
Ancient Forest Realm
Botanical Sketch Green
Coastal Dune Breeze
Enchanted Forest Floor
Forest Floor Echoes