Palette

Bamboo Serenity Path

A tranquil and harmonious collection reflecting the calm, earthy essence of a peaceful bamboo garden.

neutralcalm5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B8E23#8FBC8F#BDB76B#C0C0C0#F5F5DC

Palette guide

How to use Bamboo Serenity Path

Overview

The Bamboo Serenity Path palette is a tranquil and harmonious collection reflecting the calm, earthy essence of a peaceful bamboo garden. It blends natural greens like #6B8E23 and #8FBC8F with a warm, muted gold #BDB76B, a soft grey #C0C0C0, and a creamy #F5F5DC. Designers can leverage these shades to create balanced, inviting, and naturally sophisticated visual experiences. It's ideal for projects that seek to convey mindfulness, understated elegance, and a deep connection to serene nature, offering a truly unique and harmonious aesthetic suitable for modern and traditional themes.

Best used for

Zen and meditation spaces or apps
Eco-friendly and sustainable product branding
Minimalist interior design concepts
Holistic wellness services
Tea houses or artisanal cafes
Nature-inspired publishing

Suggested color roles

primary

#6B8E23 - A deep, natural olive green, excellent for main branding, prominent headings, and establishing a grounded, organic feel.

secondary

#BDB76B - A warm, muted gold, suitable for subheadings, navigation, and important informational panels, adding a touch of understated luxury.

accent

#8FBC8F - A soft, muted forest green, perfect for highlights, interactive elements, or small decorative elements to add gentle distinction.

background

#F5F5DC - The lightest shade, a very light cream, providing an expansive, airy, and clean backdrop for content.

text

#6B8E23 - Or a dark charcoal for optimal readability against lighter backgrounds like #F5F5DC and #C0C0C0.

Accessibility notes

Ensure #6B8E23 or dark charcoal text on #F5F5DC background meets WCAG AA contrast standards.
Avoid using lighter shades like #8FBC8F or #BDB76B for body text on #F5F5DC due to insufficient contrast.
The grey #C0C0C0 is a neutral; ensure it contrasts sufficiently with other colors if used for text or important elements.
For critical information, always prioritize the darkest colors for text against the lightest backgrounds.

Recommended combinations

Earthy Serenity

Creates a grounded, sophisticated, and natural feel, ideal for luxury wellness or contemplative themes.

#6B8E23 · #BDB76B · #C0C0C0

Zen Garden Light

Perfect for airy, minimalist designs, showcasing serenity and softness, suitable for meditation apps or natural product packaging.

#F5F5DC · #8FBC8F · #BDB76B

Path Contrast

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

#6B8E23 · #F5F5DC · #C0C0C0

CSS variables

:root {
  --bamboo-serenity-path-1: #6B8E23;
  --bamboo-serenity-path-2: #8FBC8F;
  --bamboo-serenity-path-3: #BDB76B;
  --bamboo-serenity-path-4: #C0C0C0;
  --bamboo-serenity-path-5: #F5F5DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bamboo-serenity-path": {
        1: "#6B8E23",
        2: "#8FBC8F",
        3: "#BDB76B",
        4: "#C0C0C0",
        5: "#F5F5DC",
      }
    }
  }
}

Hex values

Color 1#6B8E23

Color 2#8FBC8F

Color 3#BDB76B

Color 4#C0C0C0

Color 5#F5F5DC

Accessibility

Contrast checker

1.8:1Fail

2.1:1Fail

3.4:1AA18

1.8:1Fail

1:1Fail

1.2:1Fail

1.9:1Fail

1.8:1Fail

1:1Fail

1.1:1Fail

1.9:1Fail

2.1:1Fail

1.2:1Fail

1.1:1Fail

1.6:1Fail

3.4:1AA18

1.9:1Fail

1.6:1Fail

Similar palettes

More like Bamboo Serenity Path

Bamboo Serenity Path

See it in context.

Ready when you are.

Built with Bamboo Serenity Path.

How to use Bamboo Serenity Path

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Earthy Serenity

Zen Garden Light

Path Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Bamboo Serenity Path