Back to palettes

Palette

Gentle Bamboo Grove

Serene greens and soft earthy tones mimic the peaceful ambiance of a sunlit bamboo forest.

earthminimal5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B8E23#556B2F#8FBC8F#D2B48C#E0E0B1

Palette guide

How to use Gentle Bamboo Grove

Overview

The "Gentle Bamboo Grove" palette captures the tranquil essence of nature with its harmonious blend of serene greens and soft earthy tones. Featuring the rich olive of #6B8E23 and the deeper #556B2F, it is balanced by the calming sage of #8FBC8F, and grounded by the warm, sandy #D2B48C and the airy #E0E0B1. Designers can use this palette to create natural, minimalist, and peaceful experiences. Developers will find these organic hues ideal for crafting eco-friendly branding, wellness applications, or digital interfaces that aim to evoke a sense of calm, balance, and connection to nature.

Best used for

  • Eco-friendly product branding
  • Wellness, yoga, or meditation platforms
  • Sustainable living blogs and websites
  • Natural food packaging design
  • Zen garden or spa retreat marketing
  • Minimalist interior design concepts

Suggested color roles

primary

#6B8E23 - A grounding, natural green suitable for main headers, prominent sections, or brand logos.

secondary

#556B2F - A deeper, more subdued green, excellent for navigation, footers, or secondary content blocks, adding depth.

accent

#D2B48C - A warm, inviting tan perfect for calls-to-action, important links, or subtle highlights, providing earthy contrast.

background

#E0E0B1 - A light, warm, almost creamy yellow-green that serves as a soft and natural base for content.

text

#556B2F - A dark, legible green ideal for body text on the lighter #E0E0B1 background, ensuring natural readability.

Accessibility notes

  • Ensure good contrast when pairing text with backgrounds, especially #D2B48C on #E0E0B1 for critical information.
  • #556B2F provides excellent contrast for text on #E0E0B1.
  • Avoid using lighter greens like #8FBC8F for small text on #E0E0B1.
  • Use #6B8E23 or #556B2F for primary text colors for better readability across the palette.

Recommended combinations

Forest Floor

Creates a rich, layered green foundation for natural-themed layouts or deep background sections.

#556B2F · #6B8E23 · #8FBC8F

Earthy Balance

Ideal for main content areas, offering a warm, inviting background with natural accents.

#E0E0B1 · #D2B48C · #6B8E23

Zen Accent

Use the warm tan as an accent against the greens for call-to-action buttons or highlighted elements.

#6B8E23 · #D2B48C · #E0E0B1

CSS variables

:root {
  --gentle-bamboo-grove-1: #6B8E23;
  --gentle-bamboo-grove-2: #556B2F;
  --gentle-bamboo-grove-3: #8FBC8F;
  --gentle-bamboo-grove-4: #D2B48C;
  --gentle-bamboo-grove-5: #E0E0B1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gentle-bamboo-grove": {
        1: "#6B8E23",
        2: "#556B2F",
        3: "#8FBC8F",
        4: "#D2B48C",
        5: "#E0E0B1",
      }
    }
  }
}

Related searches

bamboo green color schemenatural earthy tones palettezen minimalist design colorseco-friendly brand palettecalm green brown web design

Palette colors

Hex values

Color 1#6B8E23
·
Color 2#556B2F
·
Color 3#8FBC8F
·
Color 4#D2B48C
·
Color 5#E0E0B1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.8:1Fail
1.9:1Fail
2.8:1Fail
2
1.6:1Fail
2.8:1Fail
3:1AA18
4.4:1AA18
3
1.8:1Fail
2.8:1Fail
1.1:1Fail
1.6:1Fail
4
1.9:1Fail
3:1AA18
1.1:1Fail
1.5:1Fail
5
2.8:1Fail
4.4:1AA18
1.6:1Fail
1.5:1Fail

Similar palettes

More like Gentle Bamboo Grove

View all earth
Matcha Tea Ceremony
Matcha Tea Ceremony
Bamboo Grove Zen
Desert Succulent Garden
Zen Bonsai Calm
Desert Cairn Stack