Palette

Tranquil Bamboo Grove

Peaceful greens, from deep forest to pale shoots, reflecting the quiet serenity of a sun-dappled bamboo grove.

earthcalm5 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

#2D4B39#547A5A#7DAB7A#ADDCA5#E2F4E2

Palette guide

How to use Tranquil Bamboo Grove

Overview

The Tranquil Bamboo Grove palette offers a soothing gradient of greens, from the deep, grounding #2D4B39 to the soft, airy #E2F4E2, perfectly capturing the quiet serenity of a sun-dappled bamboo grove. With hues like the rich #547A5A and the balanced #7DAB7A, this collection is designed to evoke peace, natural harmony, and subtle elegance. Designers can utilize these organic tones to create calm, inviting, and sophisticated digital spaces. It's especially suited for projects emphasizing wellness, sustainability, or a connection to nature, providing a restful yet refined aesthetic.

Best used for

Eco-friendly brand identities and websites
Wellness and mindfulness applications
Nature-inspired interior design concepts
Sustainable product packaging
Botanical art and garden design platforms
User interfaces promoting calm and focus

Suggested color roles

primary

Use #2D4B39 as a deep, anchoring primary for sophisticated headings, navigation, or strong brand statements.

secondary

Employ #547A5A for supporting content blocks, subheadings, or background textures to add depth and organic feel.

accent

Apply #7DAB7A as a gentle accent for interactive elements, icons, or subtle highlights, offering a refreshing pop.

background

Utilize #E2F4E2 as a light, airy background for main content areas, creating a soft, natural canvas for readability.

text

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

Accessibility notes

The darkest green, #2D4B39, offers strong contrast against the lightest, #E2F4E2, making it ideal for primary text on backgrounds.
Ensure sufficient contrast for text when using mid-tone greens like #7DAB7A on #ADDCA5 to meet WCAG standards.
Avoid using #ADDCA5 for small text on light backgrounds as it may lack sufficient contrast for some users.
Interactive elements should have clear visual feedback beyond color alone, especially within the mid-range greens.

Recommended combinations

Grove Depths

Creates a rich, layered green foundation, perfect for deep backgrounds, sophisticated branding, or natural textures.

#2D4B39 · #547A5A · #7DAB7A

Sun-Dappled

Offers a fresh, airy feel, ideal for main content areas, light UI elements, or illustrations requiring a gentle touch.

#E2F4E2 · #ADDCA5 · #7DAB7A

Natural Harmony

Provides a balanced contrast, excellent for distinguishing content sections or highlighting important information against a light background.

#547A5A · #E2F4E2 · #2D4B39

CSS variables

:root {
  --tranquil-bamboo-grove-2-1: #2D4B39;
  --tranquil-bamboo-grove-2-2: #547A5A;
  --tranquil-bamboo-grove-2-3: #7DAB7A;
  --tranquil-bamboo-grove-2-4: #ADDCA5;
  --tranquil-bamboo-grove-2-5: #E2F4E2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tranquil-bamboo-grove-2": {
        1: "#2D4B39",
        2: "#547A5A",
        3: "#7DAB7A",
        4: "#ADDCA5",
        5: "#E2F4E2",
      }
    }
  }
}

Hex values

Color 1#2D4B39

Color 2#547A5A

Color 3#7DAB7A

Color 4#ADDCA5

Color 5#E2F4E2

Accessibility

Contrast checker

2:1Fail

3.7:1AA18

6.2:1AA

8.4:1AAA

2:1Fail

1.9:1Fail

3.1:1AA18

4.2:1AA18

3.7:1AA18

1.9:1Fail

1.7:1Fail

2.3:1Fail

6.2:1AA

3.1:1AA18

1.7:1Fail

1.3:1Fail

8.4:1AAA

4.2:1AA18

2.3:1Fail

1.3:1Fail

Similar palettes

More like Tranquil Bamboo Grove

Matcha Ceremonial Zen

Matcha Serene Brew