Palette

Verdant Bamboo Grove

A serene blend of fresh, muted greens, inspired by a peaceful bamboo grove.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0EADD#C1D8BF#9CB194#738F6B#4A6B42

Palette guide

How to use Verdant Bamboo Grove

Overview

The Verdant Bamboo Grove palette offers a tranquil and serene collection of muted greens, perfect for designs that aim for natural calm. Starting with the very light #E0EADD, it progresses through soft #C1D8BF and balanced #9CB194, deepening into the earthy #738F6B and a rich, grounding #4A6B42. This spectrum is ideal for creating a sense of peace and natural elegance. Developers can apply these shades to craft interfaces that feel organic and unobtrusive, while designers will find them excellent for branding projects that emphasize sustainability, wellness, or gentle sophistication, echoing the quiet beauty of a bamboo grove.

Best used for

Wellness and spa branding
Sustainable product packaging
Eco-friendly home decor sites
Meditation or mindfulness apps
Botanical garden websites
Natural cosmetics branding

Suggested color roles

primary

A deep, calming green #4A6B42, excellent for strong brand presence, large text, or primary interactive elements.

secondary

A mid-tone green #738F6B that provides good contrast and can be used for secondary calls to action or informational sections.

accent

A softer, muted green #9CB194, ideal for subtle highlights, background elements in cards, or decorative details.

background

A very light, almost off-white green #E0EADD, providing a clean, natural canvas that allows content to stand out.

text

For body text, a dark charcoal or near-black provides optimal readability against #E0EADD. For headings, #4A6B42 offers strong contrast.

Accessibility notes

#4A6B42 and #738F6B provide good contrast for text on #E0EADD.
#9CB194 and #C1D8BF may not meet WCAG AA contrast for small text on #E0EADD; use for larger text or decorative elements.
Ensure interactive elements have sufficient contrast in all states (hover, focus).
Always test color pairings for text and UI components to ensure readability for all users.

Recommended combinations

Tranquil Foundation

Excellent for soft, layered backgrounds and subtle UI elements in serene interfaces.

#E0EADD · #C1D8BF · #9CB194

Deep Grove

Use for strong headers, primary buttons, or impactful sections with clear hierarchy.

#4A6B42 · #738F6B · #E0EADD

Gentle Contrast

Good for subheadings, card borders, or secondary content blocks where a soft distinction is needed.

#738F6B · #C1D8BF · #4A6B42

CSS variables

:root {
  --verdant-bamboo-grove-1: #E0EADD;
  --verdant-bamboo-grove-2: #C1D8BF;
  --verdant-bamboo-grove-3: #9CB194;
  --verdant-bamboo-grove-4: #738F6B;
  --verdant-bamboo-grove-5: #4A6B42;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-bamboo-grove": {
        1: "#E0EADD",
        2: "#C1D8BF",
        3: "#9CB194",
        4: "#738F6B",
        5: "#4A6B42",
      }
    }
  }
}

Hex values

Color 1#E0EADD

Color 2#C1D8BF

Color 3#9CB194

Color 4#738F6B

Color 5#4A6B42

Accessibility

Contrast checker

1.2:1Fail

1.9:1Fail

2.9:1Fail

4.9:1AA

1.2:1Fail

1.5:1Fail

2.4:1Fail

4:1AA18

1.9:1Fail

1.5:1Fail

1.6:1Fail

2.6:1Fail

2.9:1Fail

2.4:1Fail

1.6:1Fail

1.7:1Fail

4.9:1AA

4:1AA18

2.6:1Fail

1.7:1Fail

Similar palettes

More like Verdant Bamboo Grove

View all earth

Whispering Bamboo Grove

Botanical Sketchbook

Coastal Seagrass Dunes

Emerald Canopy Mist

Emerald Enclave Moss

Emerald Rainforest Mist