Back to palettes

Palette

Botanical Bloom Canopy

A lush and lively array of greens, inspired by verdant leaves and vibrant plant growth in a flourishing garden.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B8E23#9ACD32#ADFF2F#7FFF00#3CB371

Palette guide

How to use Botanical Bloom Canopy

Overview

The Botanical Bloom Canopy palette is a lush and lively array of greens, inspired by verdant leaves and vibrant plant growth in a flourishing garden. This energetic collection features a rich olive green #6B8E23, a bright chartreuse #9ACD32, a vivid lime green #ADFF2F, a pure bright green #7FFF00, and a refreshing sea green #3CB371. Designers can leverage these colors to create projects with an organic, dynamic, 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, sunlit canopy.

Best used for

  • Gardening and landscape design websites
  • Eco-friendly and sustainable brand identity
  • Health and wellness product marketing
  • Outdoor adventure and nature-themed apps
  • Children's educational content about plants
  • Digital illustrations of lush natural scenes

Suggested color roles

primary

#6B8E23 - A rich olive green that grounds the palette, ideal for main headings, navigation, or foundational elements.

secondary

#3CB371 - A refreshing sea 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

#9ACD32 - A bright chartreuse that creates an energetic and fresh canvas, allowing other vibrant greens to pop.

text

Use a deep green like #6B8E23 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 #6B8E23 or #3CB371 for text against #9ACD32 or #ADFF2F.
  • 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 and #7FFF00; use them for small accents or ensure they have dark text overlay for legibility.

Recommended combinations

Lush Greens

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

#6B8E23 · #9ACD32 · #ADFF2F

Canopy Light

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

#ADFF2F · #7FFF00 · #3CB371

Garden Pop

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

#6B8E23 · #7FFF00 · #9ACD32

CSS variables

:root {
  --botanical-bloom-canopy-1: #6B8E23;
  --botanical-bloom-canopy-2: #9ACD32;
  --botanical-bloom-canopy-3: #ADFF2F;
  --botanical-bloom-canopy-4: #7FFF00;
  --botanical-bloom-canopy-5: #3CB371;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-bloom-canopy": {
        1: "#6B8E23",
        2: "#9ACD32",
        3: "#ADFF2F",
        4: "#7FFF00",
        5: "#3CB371",
      }
    }
  }
}

Related searches

vibrant green palettebotanical canopy colorslush plant growth schemeenergetic garden designfresh lime green hues

Palette colors

Hex values

Color 1#6B8E23
·
Color 2#9ACD32
·
Color 3#ADFF2F
·
Color 4#7FFF00
·
Color 5#3CB371
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.1:1AA18
2.9:1Fail
1.4:1Fail
2
2:1Fail
1.5:1Fail
1.5:1Fail
1.4:1Fail
3
3.1:1AA18
1.5:1Fail
1.1:1Fail
2.2:1Fail
4
2.9:1Fail
1.5:1Fail
1.1:1Fail
2.1:1Fail
5
1.4:1Fail
1.4:1Fail
2.2:1Fail
2.1:1Fail

Similar palettes

More like Botanical Bloom Canopy

View all vibrant
Electric Meadow
Fresh Cut Grass
Jungle Canopy Pulse
Mint Leaf Morning
Peridot Glaze
Canopy Greenery