Palette

Tranquil Bamboo Grove

Lush greens evoke the peaceful calm of a hidden bamboo grove, rustling softly in a gentle breeze.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#385E40#5B8D69#8FBCA3#C4E2D5#2A4E33

Palette guide

How to use Tranquil Bamboo Grove

Overview

The Tranquil Bamboo Grove palette immerses designers in a world of lush, peaceful greens, reflecting the serene calm of a hidden bamboo forest. With deep tones like #2A4E33 and #385E40, transitioning through the balanced #5B8D69 to the airy #C4E2D5, this palette is rich in organic elegance. It's perfectly suited for projects aiming to evoke nature, tranquility, and a sophisticated sense of calm. Designers can leverage these natural hues to create inviting, restful, and harmonious digital experiences, ideal for environments that prioritize peace and connection to the natural world.

Best used for

Nature-inspired product branding
Wellness and meditation app interfaces
Eco-conscious websites and marketing
Botanical art and illustration projects
Interior design mood boards for serene spaces
Content focusing on sustainability and organic living

Suggested color roles

primary

Use #2A4E33 as a grounding, sophisticated primary for strong headings, branding, or deep background elements.

secondary

Employ #385E40 for supporting content, navigation, or to add a rich, natural depth to sections.

accent

Apply #8FBCA3 as a refreshing accent for interactive elements, icons, or subtle highlights, offering a gentle contrast.

background

Utilize #C4E2D5 as a soft, breathable background for main content areas, creating a light and inviting canvas.

text

A deep green like #2A4E33 or a classic charcoal provides excellent readability on the lighter shades of this palette.

Accessibility notes

The darkest color, #2A4E33, offers strong contrast against the lightest, #C4E2D5, making it suitable for primary text.
Ensure sufficient contrast when using mid-tone greens like #5B8D69 for text on backgrounds like #8FBCA3.
Avoid using #8FBCA3 for small text on light backgrounds to prevent readability issues for some users.
Interactive elements should have clear visual cues, as some green tones may have similar luminosity affecting perceived contrast.

Recommended combinations

Deep Forest

Creates a profound and stable natural foundation, perfect for sophisticated branding, dark mode, or deep textural elements.

#2A4E33 · #385E40 · #5B8D69

Green Canopy

Offers a fresh, airy feel, ideal for main content areas, light UI components, or illustrations with a natural glow.

#C4E2D5 · #8FBCA3 · #5B8D69

Serene Contrast

Provides a clear visual hierarchy, excellent for distinguishing content sections or highlighting key information against a soft background.

#385E40 · #C4E2D5 · #2A4E33

CSS variables

:root {
  --tranquil-bamboo-grove-3-1: #385E40;
  --tranquil-bamboo-grove-3-2: #5B8D69;
  --tranquil-bamboo-grove-3-3: #8FBCA3;
  --tranquil-bamboo-grove-3-4: #C4E2D5;
  --tranquil-bamboo-grove-3-5: #2A4E33;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tranquil-bamboo-grove-3": {
        1: "#385E40",
        2: "#5B8D69",
        3: "#8FBCA3",
        4: "#C4E2D5",
        5: "#2A4E33",
      }
    }
  }
}

Hex values

Color 1#385E40

Color 2#5B8D69

Color 3#8FBCA3

Color 4#C4E2D5

Color 5#2A4E33

Accessibility

Contrast checker

1.9:1Fail

3.5:1AA18

5.3:1AA

1.3:1Fail

1.9:1Fail

1.8:1Fail

2.8:1Fail

2.4:1Fail

3.5:1AA18

1.8:1Fail

1.5:1Fail

4.4:1AA18

5.3:1AA

2.8:1Fail

1.5:1Fail

6.8:1AA

1.3:1Fail

2.4:1Fail

4.4:1AA18

6.8:1AA

Similar palettes

More like Tranquil Bamboo Grove

View all earth

Bamboo Serene Path

Succulent Garden Hues