Back to palettes

Palette

Botanical Bloom Clay

Soft, organic greens and warm, muted tones found in a peaceful botanical garden.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Botanical Bloom Clay 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 Botanical Bloom Clay.

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

Data visualization

#4A4F38#717A57#9AB180#C5D7AE#E9F2DD

Palette guide

How to use Botanical Bloom Clay

Overview

The Botanical Bloom Clay palette offers soft, organic greens and warm, muted tones found in a peaceful botanical garden. This tranquil collection features a deep moss green #4A4F38, a softer sage green #717A57, a gentle light green #9AB180, a delicate pale green #C5D7AE, and a creamy off-white #E9F2DD. Designers can leverage these colors to create projects with an organic, serene, and sophisticated feel. Developers will find these hues provide a harmonious and calming user experience, ideal for websites or applications aiming for an authentic, handcrafted aesthetic with a touch of natural tranquility, reminiscent of earthenware and lush foliage.

Best used for

  • Botanical garden websites or apps
  • Wellness and spa-related branding
  • Natural beauty and organic product packaging
  • Eco-friendly home decor e-commerce
  • Mindfulness and meditation app design
  • Digital art with a serene, earthy aesthetic

Suggested color roles

primary

#4A4F38 - A deep moss green that grounds the palette, ideal for main headings, navigation, or foundational elements.

secondary

#717A57 - A softer sage green that offers a harmonious complement, suitable for subheadings, secondary content blocks, or borders.

accent

#9AB180 - A gentle light green that provides a subtle accent, best used sparingly for highlights, icons, or decorative details.

background

#E9F2DD - A creamy off-white that creates an airy, clean canvas, allowing the greens to emerge peacefully.

text

Use a deep moss green like #4A4F38 or a dark charcoal for body text against lighter backgrounds to ensure optimal readability and maintain the palette's organic feel.

Accessibility notes

  • Ensure sufficient contrast when using #4A4F38 or #717A57 for text against #C5D7AE or #E9F2DD.
  • Avoid pairing #C5D7AE and #E9F2DD for text and background, as their low contrast will significantly hinder readability.
  • Always check all text and interactive element color combinations with WCAG contrast tools for compliance.
  • For small text, prioritize higher contrast pairings to ensure legibility, especially with the lighter green tones.

Recommended combinations

Garden Serenity

Creates a deep, calming green gradient, ideal for main content areas or natural branding.

#4A4F38 · #717A57 · #9AB180

Clay Ground

Offers a light and airy feel with a touch of depth, perfect for backgrounds and subtle layering.

#E9F2DD · #C5D7AE · #717A57

Organic Contrast

Provides clear readability with a natural aesthetic, suitable for text-heavy sections or minimalist interfaces.

#4A4F38 · #E9F2DD · #9AB180

CSS variables

:root {
  --botanical-bloom-clay-1: #4A4F38;
  --botanical-bloom-clay-2: #717A57;
  --botanical-bloom-clay-3: #9AB180;
  --botanical-bloom-clay-4: #C5D7AE;
  --botanical-bloom-clay-5: #E9F2DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-bloom-clay": {
        1: "#4A4F38",
        2: "#717A57",
        3: "#9AB180",
        4: "#C5D7AE",
        5: "#E9F2DD",
      }
    }
  }
}

Related searches

botanical green earthybloom clay palettenatural tranquil colorsmuted garden designorganic green scheme

Palette colors

Hex values

Color 1#4A4F38
·
Color 2#717A57
·
Color 3#9AB180
·
Color 4#C5D7AE
·
Color 5#E9F2DD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.6:1AA18
5.6:1AA
7.4:1AAA
2
1.9:1Fail
1.9:1Fail
3:1Fail
3.9:1AA18
3
3.6:1AA18
1.9:1Fail
1.5:1Fail
2:1Fail
4
5.6:1AA
3:1Fail
1.5:1Fail
1.3:1Fail
5
7.4:1AAA
3.9:1AA18
2:1Fail
1.3:1Fail

Similar palettes

More like Botanical Bloom Clay

View all earth
Verdant Garden Paths
Ancient Forest Hush
Ancient Mossy Stone
Apothecary Bloom Green
Bohemian Garden Gate
Bohemian Grove Spirit