Back to palettes

Palette

Whispering Bamboo Grove

Soft, harmonious greens interspersed with muted grey, evoking a tranquil bamboo forest at peace.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Bamboo Grove 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 Bamboo Grove.

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

Data visualization

#9ACD32#6B8E23#556B2F#385E38#C0C0C0

Palette guide

How to use Whispering Bamboo Grove

Overview

The Whispering Bamboo Grove palette (version 2) offers soft, harmonious greens interspersed with muted grey, evoking a tranquil bamboo forest at peace. Anchored by the vibrant #9ACD32 and complemented by the grounding #556B2F, this collection is ideal for designs seeking a natural, calm, and subtly robust aesthetic. The inclusion of #C0C0C0 adds a modern, neutral balance, preventing the greens from becoming overwhelming. Designers can leverage the lighter greens for refreshing accents and the deeper tones for strong foundational elements, making it versatile for both organic and contemporary applications aiming for serenity.

Best used for

  • Eco-conscious brand identity
  • Gardening and landscape design
  • Yoga and meditation studio branding
  • Natural food product packaging
  • Zen-inspired web interfaces
  • Outdoor lifestyle promotions

Suggested color roles

primary

#6B8E23 - A rich, earthy green that serves as a strong primary color, representing growth and nature.

secondary

#556B2F - A deeper, grounding green, ideal for subheadings, navigation, or strong brand elements.

accent

#9ACD32 - A vibrant, lively green that can be used for calls-to-action, highlights, or energetic details.

background

#C0C0C0 - A soft, neutral grey, perfect for clean backgrounds that allow the greens to stand out without harshness.

text

#385E38 - The deepest green, providing excellent contrast and readability for body text on lighter backgrounds like #C0C0C0 or #9ACD32.

Accessibility notes

  • Ensure sufficient contrast, especially when placing lighter greens on the grey background.
  • Use #385E38 or #556B2F for text on #C0C0C0 for optimal readability (WCAG AA).
  • Avoid using #9ACD32 for text on #C0C0C0 backgrounds as contrast may be insufficient.
  • For interactive elements, maintain clear contrast for hover and active states to aid navigation.

Recommended combinations

Bamboo Serenity

A balanced combination for main content, offering clear hierarchy with a calming, natural feel.

#C0C0C0 · #6B8E23 · #385E38

Vibrant Grove

Emphasizes the lively green, suitable for highlighting elements or creating an energetic, natural look.

#9ACD32 · #556B2F · #C0C0C0

Earthy Depth

Perfect for dark mode, strong branding, or creating a grounded, sophisticated natural aesthetic.

#6B8E23 · #556B2F · #385E38

CSS variables

:root {
  --whispering-bamboo-grove-2-1: #9ACD32;
  --whispering-bamboo-grove-2-2: #6B8E23;
  --whispering-bamboo-grove-2-3: #556B2F;
  --whispering-bamboo-grove-2-4: #385E38;
  --whispering-bamboo-grove-2-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-bamboo-grove-2": {
        1: "#9ACD32",
        2: "#6B8E23",
        3: "#556B2F",
        4: "#385E38",
        5: "#C0C0C0",
      }
    }
  }
}

Related searches

green grey nature palettetranquil bamboo colorsearthy green schemezen garden shadesnatural olive green

Palette colors

Hex values

Color 1#9ACD32
·
Color 2#6B8E23
·
Color 3#556B2F
·
Color 4#385E38
·
Color 5#C0C0C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.2:1AA18
3.9:1AA18
1:1Fail
2
2:1Fail
1.6:1Fail
2:1Fail
2.1:1Fail
3
3.2:1AA18
1.6:1Fail
1.2:1Fail
3.3:1AA18
4
3.9:1AA18
2:1Fail
1.2:1Fail
4.1:1AA18
5
1:1Fail
2.1:1Fail
3.3:1AA18
4.1:1AA18

Similar palettes

More like Whispering Bamboo Grove

View all earth