Back to palettes

Palette

Zen Bamboo Garden

A tranquil collection of muted greens, soft yellows, and natural wood tones, inviting serenity and peace.

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

#8B9E78#C2D4AD#E6E0C7#605B4C#A5A599

Palette guide

How to use Zen Bamboo Garden

Overview

The "Zen Bamboo Garden" palette (ID: zen-bamboo-garden-2) is a tranquil collection of muted greens, soft yellows, and natural wood tones, inviting serenity and peace. It spans from the light, airy #E6E0C7 to the grounding deep brown-gray #605B4C. Mid-tones like #8B9E78 and #A5A599 provide subtle, organic greens and grays, while #C2D4AD adds a gentle, fresh touch. This palette is perfect for designers seeking to evoke a sense of calm, natural balance, and quiet elegance, ideal for projects promoting mindfulness, sustainable living, or serene aesthetics.

Best used for

  • Spa and meditation app interfaces
  • Eco-conscious fashion lookbooks
  • Organic food branding
  • Minimalist home decor websites
  • Wellness retreat marketing
  • Botanical garden signage

Suggested color roles

primary

#8B9E78 - A muted, calming green, excellent for dominant sections, main content blocks, or key graphical elements, conveying natural tranquility.

secondary

#C2D4AD - A lighter, soft green, suitable for secondary content areas, card backgrounds, or supporting design elements, adding freshness.

accent

#605B4C - The darkest, richest brown-gray, ideal for high-contrast elements, important buttons, or strong navigation accents, providing a sophisticated anchor.

background

#E6E0C7 - A very light, warm off-white, excellent for clean, spacious backgrounds that allow the subtle greens and browns to stand out.

text

#605B4C - This deep brown-gray provides excellent contrast and readability for body text against lighter backgrounds like #E6E0C7 or #C2D4AD.

Accessibility notes

  • Ensure #605B4C has strong contrast against #E6E0C7 for all text.
  • #8B9E78 should be tested for readability on #E6E0C7, especially for small text.
  • Avoid using #C2D4AD or #A5A599 for text on #E6E0C7 due to low contrast.
  • Always verify text and interactive element contrast with accessibility tools to meet WCAG guidelines.

Recommended combinations

Serene Base

Creates a calming and readable layout for website backgrounds, main content, and call-to-action buttons.

#E6E0C7 · #8B9E78 · #605B4C

Bamboo Layers

Excellent for UI elements like card backgrounds, subtle borders, or layered content blocks, adding depth and a natural feel.

#C2D4AD · #A5A599 · #8B9E78

Grounding Accent

Use the light off-white as a background, with the deep brown-gray for impactful headings, and the soft green for supportive elements.

#E6E0C7 · #605B4C · #C2D4AD

CSS variables

:root {
  --zen-bamboo-garden-2-1: #8B9E78;
  --zen-bamboo-garden-2-2: #C2D4AD;
  --zen-bamboo-garden-2-3: #E6E0C7;
  --zen-bamboo-garden-2-4: #605B4C;
  --zen-bamboo-garden-2-5: #A5A599;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-bamboo-garden-2": {
        1: "#8B9E78",
        2: "#C2D4AD",
        3: "#E6E0C7",
        4: "#605B4C",
        5: "#A5A599",
      }
    }
  }
}

Related searches

zen green palettemuted natural colorsbamboo garden aestheticcalming earth tonesminimalist organic scheme

Palette colors

Hex values

Color 1#8B9E78
·
Color 2#C2D4AD
·
Color 3#E6E0C7
·
Color 4#605B4C
·
Color 5#A5A599
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.2:1Fail
2.3:1Fail
1.2:1Fail
2
1.8:1Fail
1.2:1Fail
4.3:1AA18
1.6:1Fail
3
2.2:1Fail
1.2:1Fail
5.1:1AA
1.9:1Fail
4
2.3:1Fail
4.3:1AA18
5.1:1AA
2.7:1Fail
5
1.2:1Fail
1.6:1Fail
1.9:1Fail
2.7:1Fail

Similar palettes

More like Zen Bamboo Garden

View all earth
Bamboo Grove Calm
Bamboo Grove Mist
Matcha Serene Brew
Serene Pagoda Garden
Tranquil Bamboo Grove
Zen Bamboo Garden