Back to palettes

Palette

Zen Bamboo Garden

Calm and refreshing greens reflecting the serene quietude of a traditional bamboo garden.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Zen Bamboo Garden 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 Zen Bamboo Garden.

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

Data visualization

#3C5B3E#6A8C6A#9DC19D#CBE0CB#2B452D

Palette guide

How to use Zen Bamboo Garden

Overview

The "Zen Bamboo Garden" palette (ID: zen-bamboo-garden) offers calm and refreshing greens, reflecting the serene quietude of a traditional bamboo garden. It ranges from the deep, grounding #2B452D to the light, airy #CBE0CB. Mid-tones like #3C5B3E and #6A8C6A provide rich, natural greens, while #9DC19D adds a softer, brighter touch. This palette is perfect for designers seeking to evoke a sense of peace, natural growth, and tranquil elegance, ideal for projects promoting relaxation, environmental consciousness, or refreshing aesthetics.

Best used for

  • Eco-tourism websites
  • Sustainable architecture portfolios
  • Herbal medicine branding
  • Green technology marketing
  • Yoga and meditation spaces
  • Nature-inspired app interfaces

Suggested color roles

primary

#6A8C6A - A balanced, calming green, excellent for dominant sections, main content blocks, or key graphical elements, conveying freshness and harmony.

secondary

#3C5B3E - A deeper, richer green, suitable for secondary content areas, card backgrounds, or supporting design elements, adding depth and sophistication.

accent

#CBE0CB - A very light, soft green, perfect for call-to-action buttons, interactive elements, or subtle highlights, providing a gentle lift.

background

#2B452D - The darkest shade, a deep, almost black-green, providing a sophisticated and grounding background that allows the brighter greens to truly shine. Alternatively, a very light off-white or light gray could be used for a brighter background.

text

#9DC19D - A light, readable green that works well for headlines and accents on dark backgrounds. For body text, white or a very light gray is recommended against #2B452D.

Accessibility notes

  • Ensure #CBE0CB has strong contrast against #2B452D for text and interactive elements.
  • For body text against #2B452D, white or a very light gray is recommended.
  • Avoid using #9DC19D or #6A8C6A for text on #CBE0CB due to low contrast.
  • Always verify text and interactive element contrast with accessibility tools to meet WCAG guidelines.

Recommended combinations

Deep Green Calm

Creates a strong, serene contrast, ideal for dark mode UIs, impactful headers, and subtle accent buttons.

#2B452D · #6A8C6A · #CBE0CB

Bamboo Growth

Excellent for design elements requiring layered greens, such as illustrations, infographics, or subtle gradients, evoking natural vitality.

#3C5B3E · #9DC19D · #6A8C6A

Fresh Highlight

Use the darkest green as a background, with the lightest green as a gentle accent for buttons, and the mid-green for clear headings.

#2B452D · #CBE0CB · #3C5B3E

CSS variables

:root {
  --zen-bamboo-garden-1: #3C5B3E;
  --zen-bamboo-garden-2: #6A8C6A;
  --zen-bamboo-garden-3: #9DC19D;
  --zen-bamboo-garden-4: #CBE0CB;
  --zen-bamboo-garden-5: #2B452D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-bamboo-garden": {
        1: "#3C5B3E",
        2: "#6A8C6A",
        3: "#9DC19D",
        4: "#CBE0CB",
        5: "#2B452D",
      }
    }
  }
}

Related searches

zen green palettebamboo forest colorstranquil garden schemenatural green designcalm earthy green

Palette colors

Hex values

Color 1#3C5B3E
·
Color 2#6A8C6A
·
Color 3#9DC19D
·
Color 4#CBE0CB
·
Color 5#2B452D
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.8:1AA18
5.5:1AA
1.4:1Fail
2
2:1Fail
1.9:1Fail
2.7:1Fail
2.8:1Fail
3
3.8:1AA18
1.9:1Fail
1.4:1Fail
5.3:1AA
4
5.5:1AA
2.7:1Fail
1.4:1Fail
7.6:1AAA
5
1.4:1Fail
2.8:1Fail
5.3:1AA
7.6:1AAA

Similar palettes

More like Zen Bamboo Garden

View all earth
Bamboo Forest Calm
Bamboo Grove Mist
Bamboo Lantern Glow
Enchanted Garden Gate
Garden Gate Ivy
Matcha Serene Brew