Back to palettes

Palette

Zen Bamboo Grove

A calming and balanced array of greens, reflecting the serene quietude of a flourishing bamboo grove.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5E8C6A#8AA39B#BBDDC1#6B8E23#4F6C56

Palette guide

How to use Zen Bamboo Grove

Overview

The Zen Bamboo Grove palette offers a calming and balanced array of greens, reflecting the serene quietude of a flourishing bamboo grove. Featuring the deep, grounding #4F6C56, the balanced #5E8C6A, and the versatile #8AA39B, it also incorporates a vibrant #6B8E23 and the airy #BBDDC1. This palette is an excellent choice for designers and developers aiming to create experiences that convey tranquility, growth, and natural elegance. Its blend of muted and lively greens allows for dynamic yet harmonious compositions, suitable for both lush, detailed graphics and clean, minimalist interfaces. Embrace its natural depth for a truly peaceful aesthetic.

Best used for

  • Wellness and yoga studio branding
  • Environmental non-profit websites
  • Garden and landscape design portfolios
  • Nature photography presentations
  • Organic product packaging
  • Mindfulness application UI

Suggested color roles

primary

Assign #4F6C56 (Dark Grey-Green) as the main color for impactful elements like headers, footers, or dominant brand features, providing depth and stability.

secondary

Use #5E8C6A (Mid Green) for supporting sections, subheadings, or large graphical components, offering a gentle yet distinct presence.

accent

Introduce #6B8E23 (Olive Green) for vibrant calls to action, important icons, or elements needing a fresh, lively pop.

background

Choose #BBDDC1 (Pale Green) as a light, refreshing background that allows other colors to stand out while maintaining a soft, natural feel.

text

For optimal readability, use #4F6C56 (Dark Grey-Green) or #5E8C6A (Mid Green) for body text against lighter backgrounds like #BBDDC1. A dark charcoal also pairs well.

Accessibility notes

  • Ensure sufficient contrast for text when using #8AA39B (Grey-Green) on #BBDDC1 (Pale Green) backgrounds, especially for smaller font sizes.
  • #4F6C56 (Dark Grey-Green) provides excellent readability for text against #BBDDC1 (Pale Green) backgrounds.
  • Avoid placing #BBDDC1 (Pale Green) text directly on light grey or white backgrounds due to potential contrast issues.
  • For interactive elements, use #4F6C56 or #6B8E23 on #BBDDC1 to ensure clear visibility and user interaction.

Recommended combinations

Grounded Growth

A strong foundation with a light, airy contrast and a vibrant accent, perfect for branding logos or key UI elements.

#4F6C56 · #BBDDC1 · #6B8E23

Misty Grove

Creates a soft, atmospheric gradient, ideal for subtle background illustrations, hero sections, or serene visual storytelling.

#5E8C6A · #8AA39B · #BBDDC1

Bamboo Contrast

Highlights a vibrant accent against a deep, grounding color and a pale background, suitable for calls to action or feature sections.

#6B8E23 · #4F6C56 · #BBDDC1

CSS variables

:root {
  --zen-bamboo-grove-1: #5E8C6A;
  --zen-bamboo-grove-2: #8AA39B;
  --zen-bamboo-grove-3: #BBDDC1;
  --zen-bamboo-grove-4: #6B8E23;
  --zen-bamboo-grove-5: #4F6C56;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-bamboo-grove": {
        1: "#5E8C6A",
        2: "#8AA39B",
        3: "#BBDDC1",
        4: "#6B8E23",
        5: "#4F6C56",
      }
    }
  }
}

Related searches

zen green color palettepeaceful natural colorsbamboo inspired designcalming earthy greensorganic ui color scheme

Palette colors

Hex values

Color 1#5E8C6A
·
Color 2#8AA39B
·
Color 3#BBDDC1
·
Color 4#6B8E23
·
Color 5#4F6C56
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.6:1Fail
1:1Fail
1.5:1Fail
2
1.4:1Fail
1.8:1Fail
1.4:1Fail
2.2:1Fail
3
2.6:1Fail
1.8:1Fail
2.6:1Fail
3.9:1AA18
4
1:1Fail
1.4:1Fail
2.6:1Fail
1.5:1Fail
5
1.5:1Fail
2.2:1Fail
3.9:1AA18
1.5:1Fail

Similar palettes

More like Zen Bamboo Grove

View all earth
Zen Bamboo Forest
Bamboo Serene Path
Forest Canopy Light
Tranquil Bamboo Grove
Whispering Grasslands
Agave Bloom Dawn