Back to palettes

Palette

Whispering Bamboo Grove

A calming array of greens, like sunlight filtering through a peaceful bamboo forest.

earthcalm5 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

#3F5E3A#628E5C#8DBA88#B8D6B4#E2F2E0

Palette guide

How to use Whispering Bamboo Grove

Overview

The Whispering Bamboo Grove palette offers a calming array of greens, like sunlight filtering through a peaceful bamboo forest. From the deep #3F5E3A to the ethereal #E2F2E0, this collection is perfect for designs seeking a natural, serene, and subtly robust aesthetic. The mid-tone #8DBA88 provides a soft, approachable quality, making it versatile for both backgrounds and accents. Designers can utilize the lightest shade #E2F2E0 for pristine, airy backgrounds, allowing the cool greens to create a sense of tranquility. It's an excellent choice for projects emphasizing nature, wellness, or a grounded, organic feel.

Best used for

  • Nature and eco-friendly branding
  • Gardening and botanical websites
  • Health and wellness product design
  • Sustainable living content creation
  • Calm and inviting digital interfaces
  • Outdoor adventure promotions

Suggested color roles

primary

#3F5E3A - A deep, forest green that grounds the palette, ideal for strong brand elements or headers.

secondary

#628E5C - A softer, muted green, perfect for subheadings, navigation, or secondary graphical elements.

accent

#8DBA88 - A light, fresh green that can be used for highlights, calls-to-action, or subtle decorative details.

background

#E2F2E0 - The lightest, almost white shade, ideal for clean, expansive backgrounds that enhance the airy feel.

text

#3F5E3A - An excellent choice for primary body text on lighter backgrounds like #E2F2E0 or #B8D6B4, ensuring strong readability.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially with lighter greens.
  • Use #3F5E3A or #628E5C for text on #E2F2E0 or #B8D6B4 backgrounds to meet WCAG AA standards.
  • Avoid placing #8DBA88 text on #B8D6B4 or #E2F2E0 backgrounds due to insufficient contrast.
  • For interactive elements, ensure distinct visual cues for hover and active states.

Recommended combinations

Forest Canopy

Creates a light, ethereal background and soft layering, perfect for serene and spacious designs.

#E2F2E0 · #B8D6B4 · #8DBA88

Green Depths

A balanced combination for main content areas, offering clear hierarchy with a refreshing, calm feel.

#3F5E3A · #628E5C · #B8D6B4

Sunlit Grove

Emphasizes the lighter, sun-kissed tones, suitable for headers, footers, or bright nature-inspired graphics.

#628E5C · #8DBA88 · #E2F2E0

CSS variables

:root {
  --whispering-bamboo-grove-1: #3F5E3A;
  --whispering-bamboo-grove-2: #628E5C;
  --whispering-bamboo-grove-3: #8DBA88;
  --whispering-bamboo-grove-4: #B8D6B4;
  --whispering-bamboo-grove-5: #E2F2E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-bamboo-grove": {
        1: "#3F5E3A",
        2: "#628E5C",
        3: "#8DBA88",
        4: "#B8D6B4",
        5: "#E2F2E0",
      }
    }
  }
}

Related searches

calming green color palettenatural bamboo huesserene forest green schemeearthy light greensorganic nature colors

Palette colors

Hex values

Color 1#3F5E3A
·
Color 2#628E5C
·
Color 3#8DBA88
·
Color 4#B8D6B4
·
Color 5#E2F2E0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.3:1AA18
4.6:1AA
6.3:1AA
2
1.9:1Fail
1.7:1Fail
2.4:1Fail
3.2:1AA18
3
3.3:1AA18
1.7:1Fail
1.4:1Fail
1.9:1Fail
4
4.6:1AA
2.4:1Fail
1.4:1Fail
1.4:1Fail
5
6.3:1AA
3.2:1AA18
1.9:1Fail
1.4:1Fail

Similar palettes

More like Whispering Bamboo Grove

View all earth