Back to palettes

Palette

Zen Bamboo Groove

Serene greens in varying shades, evoking the calming sight of a peaceful bamboo forest swaying gently.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3F704D#5B8C67#84B08C#B0D8BB#E6F5ED

Palette guide

How to use Zen Bamboo Groove

Overview

The Zen Bamboo Groove palette offers a tranquil journey through serene greens, perfect for designs aiming to evoke calm and natural harmony. With deep forest green #3F704D grounding the scheme, it transitions smoothly through the lush #5B8C67 and balanced #84B08C, culminating in the airy #B0D8BB and almost ethereal #E6F5ED. This collection of cool, earthy tones is ideal for creating environments that feel fresh, organic, and deeply peaceful. Designers and developers will find its versatile range supports both subtle gradients and distinct color blocking, making it adaptable for various digital and print applications where a connection to nature is key.

Best used for

  • Spa and wellness brand identities
  • Eco-friendly product packaging
  • Nature-themed website interfaces
  • Mindfulness app designs
  • Interior design visualization (calm spaces)
  • Sustainable fashion branding

Suggested color roles

primary

Use #3F704D (Deep Forest Green) to establish a strong, grounding natural presence. Ideal for main branding elements, headers, or navigation bars.

secondary

Apply #5B8C67 (Lush Green) as a vibrant yet gentle complement, suitable for secondary buttons, illustrations, or content sections.

accent

Employ #84B08C (Muted Sage) for subtle highlights, icons, or interactive elements without being overly bright.

background

Utilize #E6F5ED (Pale Mint) as a clean, airy canvas that enhances the natural feel and provides excellent readability for darker text.

text

For primary body text, #3F704D (Deep Forest Green) offers strong readability against lighter backgrounds like #E6F5ED. Alternatively, a dark charcoal for maximum contrast.

Accessibility notes

  • Ensure sufficient contrast when using #84B08C (Muted Sage) for text on #B0D8BB (Light Green) backgrounds; consider larger font sizes.
  • #3F704D (Deep Forest Green) provides strong readability for text against #E6F5ED (Pale Mint) and #B0D8BB (Light Green).
  • Avoid using #B0D8BB (Light Green) text directly on #E6F5ED (Pale Mint) as contrast will be very low.
  • For interactive elements, use #3F704D or #5B8C67 on #E6F5ED for clear focus states and improved visibility.

Recommended combinations

Forest & Sky

Creates a strong base with bright contrast and a harmonious mid-tone, ideal for header, body, and accent elements in web design.

#3F704D · #E6F5ED · #5B8C67

Verdant Layers

Forms a soft, monochromatic green gradient, perfect for subtle background textures or visual depth in illustrations and infographics.

#5B8C67 · #84B08C · #B0D8BB

Grounded Serenity

A calming set for branding logos or packaging, offering depth with the darkest shade and lightness with the palest for a balanced feel.

#3F704D · #E6F5ED · #84B08C

CSS variables

:root {
  --zen-bamboo-groove-1: #3F704D;
  --zen-bamboo-groove-2: #5B8C67;
  --zen-bamboo-groove-3: #84B08C;
  --zen-bamboo-groove-4: #B0D8BB;
  --zen-bamboo-groove-5: #E6F5ED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-bamboo-groove": {
        1: "#3F704D",
        2: "#5B8C67",
        3: "#84B08C",
        4: "#B0D8BB",
        5: "#E6F5ED",
      }
    }
  }
}

Related searches

calming green color schemenature inspired paletteserene website colorseco-friendly brand palettebamboo green shades

Palette colors

Hex values

Color 1#3F704D
·
Color 2#5B8C67
·
Color 3#84B08C
·
Color 4#B0D8BB
·
Color 5#E6F5ED
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
3.7:1AA18
5.1:1AA
2
1.5:1Fail
1.6:1Fail
2.5:1Fail
3.5:1AA18
3
2.4:1Fail
1.6:1Fail
1.6:1Fail
2.2:1Fail
4
3.7:1AA18
2.5:1Fail
1.6:1Fail
1.4:1Fail
5
5.1:1AA
3.5:1AA18
2.2:1Fail
1.4:1Fail

Similar palettes

More like Zen Bamboo Groove

View all cool
Lakeside Reeds Quiet
Arctic Northern Bloom
Deep Forest Lull
Emerald Bough Serene
Emerald Lake Depths
Evergreen Forest Retreat