Back to palettes

Palette

Serene Bamboo Grove

Peaceful and refreshing shades of green, inspired by the tranquil, swaying stalks of a bamboo grove.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B8E23#8FBC8F#A2CC9B#BCE4B1#D8F0D1

Palette guide

How to use Serene Bamboo Grove

Overview

The Serene Bamboo Grove palette offers a refreshing spectrum of peaceful green shades, directly inspired by the tranquil, swaying stalks of a bamboo forest. Ranging from the deep #6B8E23 to the airy #D8F0D1, with harmonious mid-tones like #8FBC8F and #A2CC9B, this collection exudes calm and natural elegance. Designers can leverage these hex codes to create branding or interfaces that promote serenity and organic beauty. Developers will find this palette excellent for crafting user experiences that feel fresh, eco-friendly, and soothing, ideal for projects seeking a harmonious blend of nature-inspired aesthetics and modern usability.

Best used for

  • Eco-friendly product branding
  • Wellness and yoga studio websites
  • Nature photography portfolios
  • Sustainable living blogs
  • Spa and relaxation app interfaces
  • Garden design and landscaping marketing

Suggested color roles

primary

Use #6B8E23 for strong headers, footers, or primary content areas, conveying natural depth and stability.

secondary

Apply #8FBC8F for subheadings, navigation, or larger text blocks, providing a calm and readable contrast.

accent

Employ #A2CC9B sparingly for interactive elements, key highlights, or small graphic details to add gentle emphasis.

background

Utilize #D8F0D1 as a very light, almost white-green background, offering an airy and highly readable canvas.

text

For body text, #6B8E23 provides excellent readability on lighter tones; a dark charcoal can also be used for optimal contrast.

Accessibility notes

  • Ensure sufficient contrast when using #6B8E23 or #8FBC8F for text on lighter backgrounds like #D8F0D1.
  • Avoid pairing #A2CC9B with #BCE4B1 for small text to prevent readability issues due to low contrast.
  • Use #D8F0D1 as the primary background for critical text to maximize legibility.
  • Test all color combinations with accessibility checkers to ensure compliance, especially for interactive elements.

Recommended combinations

Natural Contrast

Ideal for clear headers on a light background with a supporting accent, perfect for content hierarchy.

#6B8E23 · #D8F0D1 · #8FBC8F

Grove Layers

Creates a sophisticated, layered look suitable for content sections or subtle graphic elements, evoking natural depth.

#8FBC8F · #BCE4B1 · #6B8E23

Airy Gradient

Excellent for background gradients or large visual elements that require a gentle, ethereal quality.

#A2CC9B · #BCE4B1 · #D8F0D1

CSS variables

:root {
  --serene-bamboo-grove-1: #6B8E23;
  --serene-bamboo-grove-2: #8FBC8F;
  --serene-bamboo-grove-3: #A2CC9B;
  --serene-bamboo-grove-4: #BCE4B1;
  --serene-bamboo-grove-5: #D8F0D1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "serene-bamboo-grove": {
        1: "#6B8E23",
        2: "#8FBC8F",
        3: "#A2CC9B",
        4: "#BCE4B1",
        5: "#D8F0D1",
      }
    }
  }
}

Related searches

bamboo green color paletteserene nature colorscalm green web designnatural green hex codeseco-friendly color scheme

Palette colors

Hex values

Color 1#6B8E23
·
Color 2#8FBC8F
·
Color 3#A2CC9B
·
Color 4#BCE4B1
·
Color 5#D8F0D1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.1:1Fail
2.7:1Fail
3.1:1AA18
2
1.8:1Fail
1.2:1Fail
1.5:1Fail
1.8:1Fail
3
2.1:1Fail
1.2:1Fail
1.3:1Fail
1.5:1Fail
4
2.7:1Fail
1.5:1Fail
1.3:1Fail
1.2:1Fail
5
3.1:1AA18
1.8:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Serene Bamboo Grove

View all cool
Bamboo Forest Mist
Zen Bamboo Serene
Fresh Mint Serenity
Green Tea Serenity
Jade Pond Reflection
Juniper Glade Calm