Palette

Bamboo Grove Calm

Harmonious greens, capturing the peaceful serenity and tranquil balance of a Japanese bamboo garden.

earthcalm5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5A7E4F#8AC27B#BBD1A8#3B5A33#7D9E73

Palette guide

How to use Bamboo Grove Calm

Overview

The Bamboo Grove Calm palette offers harmonious greens, capturing the peaceful serenity and tranquil balance of a Japanese bamboo garden. Ranging from the deep, grounding #3B5A33 to the lighter, airy #BBD1A8, with intermediate shades like #5A7E4F, #7D9E73, and #8AC27B, this collection provides a truly organic and soothing aesthetic. Designers can leverage these shades to create tranquil, refreshing, and naturally harmonious visual experiences. It's ideal for projects that seek to convey natural wellness, mindfulness, and a connection to serene environments, bringing a balanced and peaceful feel to any design.

Best used for

Zen and meditation applications
Eco-friendly and sustainable product branding
Japanese garden design firms
Organic food and beverage packaging
Wellness and spa retreats
Nature-inspired digital artwork

Suggested color roles

primary

#3B5A33 - A deep, grounding forest green, excellent for main branding, prominent headings, and establishing a natural, stable foundation.

secondary

#5A7E4F - A rich, balanced moss green, suitable for subheadings, navigation, and important informational panels, adding depth.

accent

#8AC27B - A bright, clear lime-green, perfect for highlights, interactive elements, or small decorative elements to add a touch of lively freshness.

background

#BBD1A8 - The lightest shade, providing an expansive, airy, and clean backdrop for content.

text

#3B5A33 - Or #5A7E4F for optimal readability against lighter backgrounds like #BBD1A8 and #8AC27B.

Accessibility notes

Ensure #3B5A33 or #5A7E4F text on #BBD1A8 background meets WCAG AA contrast standards.
Avoid using lighter greens like #8AC27B or #7D9E73 for body text on #BBD1A8 due to insufficient contrast.
When combining shades within this palette for text and background, always check contrast ratios, especially for smaller font sizes.
For critical information, always prioritize the darkest colors for text against the lightest backgrounds.

Recommended combinations

Deep Grove

Creates a deep, earthy, and natural feel, ideal for eco-conscious brands or serene environments.

#3B5A33 · #5A7E4F · #7D9E73

Sunlit Leaves

Perfect for airy, light designs, showcasing freshness and openness, suitable for wellness apps or natural product packaging.

#BBD1A8 · #8AC27B · #7D9E73

Zen Balance

A balanced combination for readability and aesthetic appeal, great for content sections or peaceful presentations.

#5A7E4F · #BBD1A8 · #3B5A33

CSS variables

:root {
  --bamboo-grove-calm-1: #5A7E4F;
  --bamboo-grove-calm-2: #8AC27B;
  --bamboo-grove-calm-3: #BBD1A8;
  --bamboo-grove-calm-4: #3B5A33;
  --bamboo-grove-calm-5: #7D9E73;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bamboo-grove-calm": {
        1: "#5A7E4F",
        2: "#8AC27B",
        3: "#BBD1A8",
        4: "#3B5A33",
        5: "#7D9E73",
      }
    }
  }
}

Hex values

Color 1#5A7E4F

Color 2#8AC27B

Color 3#BBD1A8

Color 4#3B5A33

Color 5#7D9E73

Accessibility

Contrast checker

2.2:1Fail

2.8:1Fail

1.7:1Fail

1.5:1Fail

2.2:1Fail

1.3:1Fail

3.7:1AA18

1.4:1Fail

2.8:1Fail

1.3:1Fail

4.7:1AA

1.8:1Fail

1.7:1Fail

3.7:1AA18

4.7:1AA

2.6:1Fail

1.5:1Fail

1.4:1Fail

1.8:1Fail

2.6:1Fail

Similar palettes

More like Bamboo Grove Calm