Back to palettes

Palette

Bamboo Grove

A tranquil blend of earthy greens and soft tans, evoking the peace of a sun-dappled bamboo grove.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B8E23#556B2F#2E8B57#8FBC8F#D2B48C

Palette guide

How to use Bamboo Grove

Overview

The Bamboo Grove palette offers a tranquil blend of earthy greens and soft tans, evoking the peace of a sun-dappled bamboo grove. Featuring deep greens like #556B2F and #2E8B57, a vibrant #6B8E23, a lighter #8FBC8F, and the warm, grounding #D2B48C, this collection provides a truly organic and soothing aesthetic. Designers can leverage these shades to create harmonious, natural, and inviting visual experiences. It's ideal for projects that seek to convey natural wellness, environmental consciousness, and a connection to serene landscapes, bringing a balanced and earthy feel to any design.

Best used for

  • Nature-inspired branding and websites
  • Eco-tourism and outdoor adventure companies
  • Organic and natural product packaging
  • Yoga and mindfulness studios
  • Home decor with natural materials
  • Sustainable lifestyle blogs

Suggested color roles

primary

#556B2F - A deep, earthy olive green, excellent for main branding, prominent headings, and establishing a grounded, natural foundation.

secondary

#6B8E23 - A rich, balanced olive green, suitable for subheadings, navigation, and important informational panels, adding vibrancy.

accent

#2E8B57 - A vibrant forest green, perfect for highlights, interactive elements, or small decorative elements to add a lively touch.

background

#D2B48C - A warm, light tan, providing an expansive, inviting, and clean backdrop for content.

text

#556B2F - Or #2E8B57 for optimal readability against lighter backgrounds like #D2B48C and #8FBC8F.

Accessibility notes

  • Ensure #556B2F or #2E8B57 text on #D2B48C background meets WCAG AA contrast standards.
  • Avoid using lighter greens like #8FBC8F for body text on #D2B48C due to insufficient contrast.
  • When combining #6B8E23 with #8FBC8F for text/background, check contrast ratios, especially for smaller font sizes.
  • For critical information, always prioritize the darkest colors for text against the lightest backgrounds.

Recommended combinations

Deep Forest

Creates a strong, earthy, and natural feel, ideal for eco-conscious brands or outdoor themes.

#556B2F · #2E8B57 · #6B8E23

Sun Dappled

Perfect for inviting, natural designs, showcasing warmth and light, suitable for home decor or wellness websites.

#D2B48C · #8FBC8F · #6B8E23

Grove Harmony

A balanced combination for readability and aesthetic appeal, great for content sections or peaceful presentations.

#6B8E23 · #D2B48C · #556B2F

CSS variables

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

Tailwind config

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

Related searches

bamboo green and brownnature inspired paletteserene forest colorsearthy green brandingorganic zen design

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.1:1Fail
1.8:1Fail
1.9:1Fail
2
1.6:1Fail
1.4:1Fail
2.8:1Fail
3:1AA18
3
1.1:1Fail
1.4:1Fail
2:1Fail
2.2:1Fail
4
1.8:1Fail
2.8:1Fail
2:1Fail
1.1:1Fail
5
1.9:1Fail
3:1AA18
2.2:1Fail
1.1:1Fail

Similar palettes

More like Bamboo Grove

View all earth