Palette

Zen Bamboo Grove

Serene and tranquil greens, evoking the quiet calm and rustling leaves of a secluded bamboo grove.

earthcalm5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3D4C3A#6E8B6D#9BBF9A#C7E0C6#E0F0DF

Palette guide

How to use Zen Bamboo Grove

Overview

The Zen Bamboo Grove palette, a collection of serene and tranquil greens, perfectly captures the quiet calm of a secluded bamboo grove. From the deep, grounding #3D4C3A to the lush #6E8B6D and the bright #9BBF9A, transitioning to the soft #C7E0C6 and airy #E0F0DF, this palette offers a harmonious gradient of natural tones. Designers and developers can leverage these colors to create interfaces and branding that feel organic, peaceful, and inviting. It's an excellent choice for projects requiring a subtle yet refreshing aesthetic, providing a sense of growth and natural balance in both digital and physical applications.

Best used for

Organic food branding and packaging
Sustainable lifestyle blogs
Meditation and wellness app interfaces
Eco-tourism marketing materials
Botanical garden website design
Interior design for calming spaces

Suggested color roles

primary

Utilize #3D4C3A (Deep Olive Green) for strong foundational elements like main headers, footers, or navigation bars, providing a solid, earthy anchor.

secondary

Employ #6E8B6D (Mid Olive Green) for complementary sections, subheadings, or larger graphical elements, maintaining the natural theme.

accent

Apply #9BBF9A (Light Olive Green) as a gentle accent for interactive elements, icons, or subtle highlights that need to stand out softly.

background

Use #E0F0DF (Very Pale Olive Green) as a clean, breathable background, ensuring good contrast and an inviting, serene user experience.

text

For body text, #3D4C3A (Deep Olive Green) offers excellent readability against lighter backgrounds such as #E0F0DF. Black or dark charcoal can also be used for maximum contrast.

Accessibility notes

Ensure adequate contrast when pairing #9BBF9A (Light Olive Green) text with #C7E0C6 (Pale Olive Green) backgrounds, especially for smaller fonts.
#3D4C3A (Deep Olive Green) provides strong readability for text on #E0F0DF (Very Pale Olive Green) backgrounds.
Avoid using #C7E0C6 (Pale Olive Green) or #E0F0DF (Very Pale Olive Green) for critical text elements on white or near-white backgrounds due to low contrast.
For interactive elements, use #3D4C3A or #6E8B6D on #E0F0DF to ensure clear visibility and accessibility.

Recommended combinations

Deep Earth

A robust combination for branding, providing a deep anchor, a light canvas, and a balanced mid-tone for versatile application.

#3D4C3A · #E0F0DF · #6E8B6D

Soft Gradient

Ideal for creating smooth, calming gradients in web banners, illustrations, or as a background for subtle transitions.

#6E8B6D · #9BBF9A · #C7E0C6

Nature's Whisper

Perfect for clean, minimalist designs where a strong dark element anchors a very light background with a gentle, natural accent.

#3D4C3A · #E0F0DF · #9BBF9A

CSS variables

:root {
  --zen-bamboo-grove-2-1: #3D4C3A;
  --zen-bamboo-grove-2-2: #6E8B6D;
  --zen-bamboo-grove-2-3: #9BBF9A;
  --zen-bamboo-grove-2-4: #C7E0C6;
  --zen-bamboo-grove-2-5: #E0F0DF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-bamboo-grove-2": {
        1: "#3D4C3A",
        2: "#6E8B6D",
        3: "#9BBF9A",
        4: "#C7E0C6",
        5: "#E0F0DF",
      }
    }
  }
}

Hex values

Color 1#3D4C3A

Color 2#6E8B6D

Color 3#9BBF9A

Color 4#C7E0C6

Color 5#E0F0DF

Accessibility

Contrast checker

2.4:1Fail

4.5:1AA18

6.5:1AA

7.7:1AAA

2.4:1Fail

1.8:1Fail

2.7:1Fail

3.2:1AA18

4.5:1AA18

1.8:1Fail

1.4:1Fail

1.7:1Fail

6.5:1AA

2.7:1Fail

1.4:1Fail

1.2:1Fail

7.7:1AAA

3.2:1AA18

1.7:1Fail

1.2:1Fail

Similar palettes

More like Zen Bamboo Grove

View all earth

Bamboo Grove Mist

Whispering Bamboo Grove

Bamboo Forest Calm

Bamboo Grove Calm

Dune Seagrass Drift

Enchanted Garden Gate