Back to palettes

Palette

Zen Bonsai Bark

Earthy greens reflecting the ancient, grounded serenity of a meticulously cultivated bonsai.

earthminimal5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Zen Bonsai Bark 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 Bonsai Bark.

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

Data visualization

#556B2F#6B8E23#8FBC8F#4F6B4C#3E573C

Palette guide

How to use Zen Bonsai Bark

Overview

The Zen Bonsai Bark palette captures the ancient, grounded serenity of a meticulously cultivated bonsai through earthy greens. Featuring the deep #3E573C and #4F6B4C, it transitions into the robust #556B2F and the vibrant #6B8E23, culminating in the soothing #8FBC8F. This collection is ideal for designers and developers seeking to evoke stability, wisdom, and natural minimalism. Its rich, organic tones provide a versatile foundation for branding, digital interfaces, and print materials that demand a connection to nature, tradition, and thoughtful design. Embrace its quiet strength for a truly grounded aesthetic.

Best used for

  • Sustainable and eco-friendly brands
  • Traditional craft product packaging
  • Minimalist design portfolios
  • Nature and outdoor gear branding
  • Zen meditation app interfaces
  • Horticulture and gardening websites

Suggested color roles

primary

Utilize #3E573C (Very Dark Sage) as a strong, grounding primary color for foundational elements like headers, footers, or dominant brand features, conveying stability.

secondary

Employ #4F6B4C (Dark Sage) for supporting content areas, subheadings, or larger graphical components, offering a harmonious complementary tone.

accent

Introduce #6B8E23 (Olive Green) for vibrant calls to action, important icons, or elements needing a fresh, natural highlight that stands out.

background

Choose #8FBC8F (Light Olive Green) as a soft, natural background that allows deeper greens to pop while maintaining the palette's calm, organic feel.

text

For optimal readability, #3E573C (Very Dark Sage) or #4F6B4C (Dark Sage) work exceptionally well for body text against #8FBC8F. A dark charcoal also provides good contrast.

Accessibility notes

  • Ensure sufficient contrast when using #6B8E23 (Olive Green) text on #8FBC8F (Light Olive Green) backgrounds, especially for smaller fonts.
  • #3E573C (Very Dark Sage) provides excellent readability for text against #8FBC8F (Light Olive Green).
  • Avoid using #8FBC8F (Light Olive Green) for critical text elements on white or very light grey backgrounds due to low visibility.
  • For interactive elements, use #3E573C or #6B8E23 on #8FBC8F to ensure clear hover and active states.

Recommended combinations

Rooted Growth

A powerful combination for branding, pairing a deep, grounding green with a light background and a vibrant accent, symbolizing growth and stability.

#3E573C · #8FBC8F · #6B8E23

Bonsai Layers

Creates a rich, earthy gradient, ideal for backgrounds, subtle illustrations, or visual depth in elements requiring an organic, natural feel.

#4F6B4C · #556B2F · #8FBC8F

Zen Contrast

Perfect for minimalist designs, leveraging a strong dark green with a light background and a balanced mid-tone for a serene and elegant composition.

#3E573C · #8FBC8F · #556B2F

CSS variables

:root {
  --zen-bonsai-bark-1: #556B2F;
  --zen-bonsai-bark-2: #6B8E23;
  --zen-bonsai-bark-3: #8FBC8F;
  --zen-bonsai-bark-4: #4F6B4C;
  --zen-bonsai-bark-5: #3E573C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-bonsai-bark": {
        1: "#556B2F",
        2: "#6B8E23",
        3: "#8FBC8F",
        4: "#4F6B4C",
        5: "#3E573C",
      }
    }
  }
}

Related searches

bonsai color schemeearthy zen paletteminimalist green colorsdark sage aestheticgrounded nature palette

Palette colors

Hex values

Color 1#556B2F
·
Color 2#6B8E23
·
Color 3#8FBC8F
·
Color 4#4F6B4C
·
Color 5#3E573C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
1:1Fail
1.3:1Fail
2
1.6:1Fail
1.8:1Fail
1.6:1Fail
2.1:1Fail
3
2.8:1Fail
1.8:1Fail
2.8:1Fail
3.7:1AA18
4
1:1Fail
1.6:1Fail
2.8:1Fail
1.3:1Fail
5
1.3:1Fail
2.1:1Fail
3.7:1AA18
1.3:1Fail

Similar palettes

More like Zen Bonsai Bark

View all earth
Zen Bonsai Calm
Bamboo Grove Zen
Gentle Bamboo Grove
Matcha Tea Ceremony
Matcha Tea Ceremony
Desert Succulent Garden