Palette

Verdant Botanical Burst

A lively celebration of lush greens, inspired by a bursting botanical garden full of life.

VibrantNatural5 colors

More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2E5C3C#6D9773#A5C882#D4ED91#3B6B44

Palette guide

How to use Verdant Botanical Burst

Overview

The Verdant Botanical Burst palette is a lively and fresh collection, celebrating the vibrant energy of a flourishing garden. It features a deep, rich green #2E5C3C, complemented by a slightly brighter #3B6B44, and progresses to more energetic, almost lime-like tones such as #A5C882 and the vivacious #D4ED91. This palette is perfect for designs that aim to convey vitality, growth, and natural exuberance. Developers can use these colors to create dynamic and engaging user interfaces, while designers will find them excellent for branding projects that emphasize freshness, organic products, or lively, nature-inspired aesthetics.

Best used for

Organic food and beverage branding
Gardening and horticulture websites
Health and wellness product packaging
Outdoor recreation apps
Children's educational materials (nature-themed)
Eco-tourism marketing

Suggested color roles

primary

A strong, deep botanical green #2E5C3C, ideal for main headings, navigation bars, or impactful brand statements.

secondary

A slightly brighter, yet still deep green #3B6B44, excellent for subheadings, secondary calls to action, or prominent UI elements.

accent

A vibrant, energetic lime green #D4ED91, perfect for highlights, interactive elements, or eye-catching graphical details.

background

A soft, muted green #A5C882 that can serve as a gentle backdrop, or a lighter alternative for card backgrounds. A very light off-white or white would also work well as a primary canvas.

text

Use a dark charcoal or black for body text on lighter backgrounds like #A5C882. For emphasis, #2E5C3C provides strong, legible contrast.

Accessibility notes

#2E5C3C and #3B6B44 provide good contrast for text on a white or very light background.
#D4ED91 should be used with caution for text on light backgrounds; ensure it's large and bold, or primarily for graphical accents.
Ensure sufficient contrast for interactive elements, especially if using lighter greens for states.
Always verify color combinations meet WCAG AA standards for text and UI.

Recommended combinations

Deep Growth

Use for strong brand presence, vibrant calls to action, or energetic headers.

#2E5C3C · #3B6B44 · #D4ED91

Fresh & Bright

Ideal for lively sections, graphical elements, or illustrations that need a pop of color.

#A5C882 · #D4ED91 · #6D9773

Earthy Foundation

Good for structured content blocks, card backgrounds, or a more subdued, yet natural, visual hierarchy.

#3B6B44 · #6D9773 · #2E5C3C

CSS variables

:root {
  --verdant-botanical-burst-1: #2E5C3C;
  --verdant-botanical-burst-2: #6D9773;
  --verdant-botanical-burst-3: #A5C882;
  --verdant-botanical-burst-4: #D4ED91;
  --verdant-botanical-burst-5: #3B6B44;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-botanical-burst": {
        1: "#2E5C3C",
        2: "#6D9773",
        3: "#A5C882",
        4: "#D4ED91",
        5: "#3B6B44",
      }
    }
  }
}

Hex values

Color 1#2E5C3C

Color 2#6D9773

Color 3#A5C882

Color 4#D4ED91

Color 5#3B6B44

Accessibility

Contrast checker

2.3:1Fail

4.1:1AA18

6:1AA

1.2:1Fail

2.3:1Fail

1.8:1Fail

2.6:1Fail

1.9:1Fail

4.1:1AA18

1.8:1Fail

1.5:1Fail

3.3:1AA18

6:1AA

2.6:1Fail

1.5:1Fail

4.8:1AA

1.2:1Fail

1.9:1Fail

3.3:1AA18

4.8:1AA

Similar palettes

More like Verdant Botanical Burst

View all Vibrant

Botanical Forest Gleam

Aurora Blossom Dreams

Citrus Burst

Emerald Dragonfly Wings

Exotic Isle Refresh

Forest Bathing