Back to palettes

Palette

Botanical Bloom Burst

A vibrant celebration of lush foliage and thriving plant life, bursting with refreshing natural greens.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4c7b4c#6b8e23#9acd32#adff2f#d4ee6b

Palette guide

How to use Botanical Bloom Burst

Overview

The Botanical Bloom Burst palette is a vibrant celebration of lush foliage and thriving plant life, bursting with refreshing natural greens. This lively collection features a deep forest green #4c7b4c, a rich olive green #6b8e23, a bright chartreuse #9acd32, a vivid lime green #adff2f, and a soft pale green #d4ee6b. Designers can leverage these colors to create projects with an organic, energetic, and fresh feel. Developers will find these hues provide dynamic possibilities for visual hierarchy and interactive elements, ideal for building engaging user interfaces or digital art that radiates natural vitality and a flourishing botanical charm, reminiscent of a vibrant garden.

Best used for

  • Gardening and landscaping business branding
  • Organic food and fresh produce marketing
  • Eco-friendly product packaging
  • Nature and outdoor activity websites
  • Health and wellness app design
  • Digital illustrations of plants and nature

Suggested color roles

primary

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

secondary

#6b8e23 - A rich olive green that offers a strong complement, suitable for subheadings, secondary interactive elements, or content blocks.

accent

#adff2f - A vivid lime green that acts as a lively accent, best used sparingly for highlights, icons, or call-to-action elements.

background

#d4ee6b - A soft pale green that creates an airy, fresh canvas, allowing the deeper and more vibrant greens to truly pop.

text

Use a deep green like #4c7b4c 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 #4c7b4c or #6b8e23 for text against #adff2f or #d4ee6b.
  • Avoid pairing #9acd32 and #adff2f for text and background, as their similar luminance will significantly hinder readability.
  • Always check all text and interactive element color combinations with WCAG contrast tools for compliance.
  • Be cautious with the very bright #adff2f; use it for small accents or ensure it has dark text overlay for legibility.

Recommended combinations

Lush Canopy

Creates a rich, layered green look, ideal for main content blocks or natural branding.

#4C7B4C · #6B8E23 · #9ACD32

Fresh Growth

Offers a bright and refreshing combination, perfect for highlights, infographics, or lively accents.

#ADFF2F · #D4EE6B · #6B8E23

Garden Depth

Provides strong grounding with vibrant pops, suitable for headers, calls to action, or dynamic visual elements.

#4C7B4C · #ADFF2F · #D4EE6B

CSS variables

:root {
  --botanical-bloom-burst-1: #4c7b4c;
  --botanical-bloom-burst-2: #6b8e23;
  --botanical-bloom-burst-3: #9acd32;
  --botanical-bloom-burst-4: #adff2f;
  --botanical-bloom-burst-5: #d4ee6b;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-bloom-burst": {
        1: "#4c7b4c",
        2: "#6b8e23",
        3: "#9acd32",
        4: "#adff2f",
        5: "#d4ee6b",
      }
    }
  }
}

Related searches

botanical green palettebloom burst colorsnatural vibrant greenslush garden designfresh foliage scheme

Palette colors

Hex values

Color 1#4c7b4c
·
Color 2#6b8e23
·
Color 3#9acd32
·
Color 4#adff2f
·
Color 5#d4ee6b
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.6:1Fail
4:1AA18
3.8:1AA18
2
1.3:1Fail
2:1Fail
3.1:1AA18
2.9:1Fail
3
2.6:1Fail
2:1Fail
1.5:1Fail
1.5:1Fail
4
4:1AA18
3.1:1AA18
1.5:1Fail
1.1:1Fail
5
3.8:1AA18
2.9:1Fail
1.5:1Fail
1.1:1Fail

Similar palettes

More like Botanical Bloom Burst

View all earth
Apothecary Bloom Green
Botanical Herb Garden
Earthy Herb Garden
Herb Garden Bloom
Herbal Garden Fresh
Herbal Kitchen Garden