Back to palettes

Palette

Tranquil Bamboo Forest

Serene greens and soft lilacs inspired by the peaceful, rustling leaves of a tranquil bamboo grove.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2E8B57#6B8E23#9ACD32#DDA0DD#E6E6FA

Palette guide

How to use Tranquil Bamboo Forest

Overview

The Tranquil Bamboo Forest palette blends serene greens with a surprising touch of soft lilac, creating a unique and peaceful atmosphere. From the deep, grounding #2E8B57 to the earthy #6B8E23 and the lively #9ACD32, complemented by the gentle #DDA0DD and ethereal #E6E6FA, this palette evokes nature's quiet beauty. Designers can use these colors to craft environments that feel organic, calming, and subtly sophisticated. It's especially effective for projects aiming for a Zen-like quality, wellness themes, or a connection to natural harmony with an unexpected, delicate twist.

Best used for

  • Wellness and spa branding
  • Nature-themed websites and apps
  • Yoga and meditation studio aesthetics
  • Eco-friendly product packaging
  • Botanical illustrations and garden design resources
  • Content related to mindfulness and relaxation

Suggested color roles

primary

Use #2E8B57 as a strong, natural primary for headings, navigation, or key interactive elements, conveying stability.

secondary

Employ #6B8E23 for supporting content blocks, background patterns, or to add an earthy, grounding presence.

accent

Apply #DDA0DD as a delicate accent for highlights, decorative elements, or interactive states, providing a soft, unexpected charm.

background

Utilize #E6E6FA as a soft, airy background, allowing the greens to stand out while maintaining a light, tranquil feel.

text

A deep green like #2E8B57 or a dark charcoal works well for text on lighter backgrounds such as #E6E6FA.

Accessibility notes

  • The lightest color, #E6E6FA, provides excellent contrast against the darkest green, #2E8B57; use this for primary text on backgrounds.
  • Ensure sufficient contrast when using #DDA0DD for text, especially on light backgrounds like #E6E6FA.
  • Avoid using mid-tone greens like #9ACD32 for small text on similarly light backgrounds to prevent readability issues.
  • Interactive elements should have distinct visual states, particularly when using colors like #6B8E23 and #9ACD32 in proximity.

Recommended combinations

Forest Whisper

Creates a soft, ethereal background with a grounding green, ideal for tranquil headers or content sections.

#E6E6FA · #DDA0DD · #2E8B57

Earthy Zen

Emphasizes the natural green tones, perfect for botanical themes, eco-friendly designs, or a calm, organic feel.

#2E8B57 · #6B8E23 · #9ACD32

Spring Bloom

Offers a fresh, light, and slightly whimsical combination, great for accents, illustrations, or gentle UI elements.

#9ACD32 · #E6E6FA · #DDA0DD

CSS variables

:root {
  --tranquil-bamboo-forest-1: #2E8B57;
  --tranquil-bamboo-forest-2: #6B8E23;
  --tranquil-bamboo-forest-3: #9ACD32;
  --tranquil-bamboo-forest-4: #DDA0DD;
  --tranquil-bamboo-forest-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tranquil-bamboo-forest": {
        1: "#2E8B57",
        2: "#6B8E23",
        3: "#9ACD32",
        4: "#DDA0DD",
        5: "#E6E6FA",
      }
    }
  }
}

Related searches

bamboo green palettepeaceful forest colorszen garden color schemelilac green combinationnatural calm palette

Palette colors

Hex values

Color 1#2E8B57
·
Color 2#6B8E23
·
Color 3#9ACD32
·
Color 4#DDA0DD
·
Color 5#E6E6FA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2.3:1Fail
2.1:1Fail
3.4:1AA18
2
1.1:1Fail
2:1Fail
1.8:1Fail
3.1:1AA18
3
2.3:1Fail
2:1Fail
1.1:1Fail
1.5:1Fail
4
2.1:1Fail
1.8:1Fail
1.1:1Fail
1.7:1Fail
5
3.4:1AA18
3.1:1AA18
1.5:1Fail
1.7:1Fail

Similar palettes

More like Tranquil Bamboo Forest

View all cool