Back to palettes

Palette

Tranquil Bamboo Grove

Peaceful greens inspired by the rustling leaves and quiet serenity of a shaded 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

#536E4F#7C9879#A8C4A5#D4EFD1#EDF7EC

Palette guide

How to use Tranquil Bamboo Grove

Overview

The Tranquil Bamboo Grove palette offers a harmonious blend of muted, earthy greens, evoking the peaceful rustle of leaves in a shaded bamboo grove. Ranging from the deep, thoughtful #536E4F to the serene #7C9879, and through the gentle #A8C4A5 to the airy #EDF7EC, this palette is designed for ultimate calm. Designers can leverage these soft, natural hues to create inviting, restful, and organic digital spaces. It's particularly suited for projects emphasizing wellness, environmental consciousness, or a sophisticated, understated connection to nature, providing a comforting and visually harmonious experience.

Best used for

  • Wellness and mindfulness apps
  • Eco-friendly brand identities
  • Nature-inspired home decor websites
  • Sustainable product packaging
  • Yoga and meditation studio branding
  • Digital content promoting relaxation and focus

Suggested color roles

primary

Utilize #536E4F as a sophisticated, grounding primary for headings, navigation, or key brand elements.

secondary

Employ #7C9879 for supporting content, background patterns, or to add a subtle, organic texture.

accent

Apply #A8C4A5 as a gentle accent for interactive elements, icons, or delicate highlights, offering a refreshing touch.

background

Use #EDF7EC as a soft, breathable background for main content areas, creating a light, natural, and highly readable canvas.

text

A deep green like #536E4F or a dark charcoal (e.g., #444444) provides excellent readability on the lighter shades.

Accessibility notes

  • The darkest color, #536E4F, provides strong contrast against the lightest, #EDF7EC, making it ideal for primary text.
  • Ensure sufficient contrast for text when using mid-tone greens like #A8C4A5 on backgrounds like #D4EFD1.
  • Avoid using #D4EFD1 for small text on very light backgrounds as it may lack sufficient contrast for some users.
  • Interactive elements should have clear visual indicators beyond color alone, especially within the mid-range greens.

Recommended combinations

Shaded Grove

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

#536E4F · #7C9879 · #A8C4A5

Fresh Breeze

Offers a light, airy feel, ideal for main content areas, soft UI elements, or illustrations with a gentle, natural glow.

#EDF7EC · #D4EFD1 · #A8C4A5

Calm Contrast

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

#7C9879 · #EDF7EC · #536E4F

CSS variables

:root {
  --tranquil-bamboo-grove-1: #536E4F;
  --tranquil-bamboo-grove-2: #7C9879;
  --tranquil-bamboo-grove-3: #A8C4A5;
  --tranquil-bamboo-grove-4: #D4EFD1;
  --tranquil-bamboo-grove-5: #EDF7EC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tranquil-bamboo-grove": {
        1: "#536E4F",
        2: "#7C9879",
        3: "#A8C4A5",
        4: "#D4EFD1",
        5: "#EDF7EC",
      }
    }
  }
}

Related searches

muted green color palettecalm natural huesserene green web designearthy bamboo toneszen garden colors

Palette colors

Hex values

Color 1#536E4F
·
Color 2#7C9879
·
Color 3#A8C4A5
·
Color 4#D4EFD1
·
Color 5#EDF7EC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3:1Fail
4.6:1AA
5.2:1AA
2
1.8:1Fail
1.7:1Fail
2.6:1Fail
2.9:1Fail
3
3:1Fail
1.7:1Fail
1.5:1Fail
1.7:1Fail
4
4.6:1AA
2.6:1Fail
1.5:1Fail
1.1:1Fail
5
5.2:1AA
2.9:1Fail
1.7:1Fail
1.1:1Fail

Similar palettes

More like Tranquil Bamboo Grove

View all earth
Japanese Tea Garden
Matcha Ceremonial Blend
Matcha Ceremony Peace
Matcha Tea Ceremony
Whispering Bamboo Grove
Whispering Willow Shade