Back to palettes

Palette

Tropical Canopy Bloom

Lush greens accented with brilliant yellows and oranges, reflecting a vibrant jungle bloom.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#008000#228B22#32CD32#FFD700#FF4500

Palette guide

How to use Tropical Canopy Bloom

Overview

The Tropical Canopy Bloom palette offers a lush and vibrant collection of greens accented with brilliant yellows and oranges, reflecting a rich jungle bloom. Featuring deep #008000 (Green), robust #228B22 (Forest Green), lively #32CD32 (Lime Green), sunny #FFD700 (Gold), and fiery #FF4500 (Orange Red), this palette is perfect for designs seeking a natural yet energetic feel. It’s an excellent choice for projects that aim to convey organic vitality, growth, and a touch of exotic warmth. Designers can leverage this palette to create inviting digital experiences, wholesome brand identities, or captivating visuals that evoke the beauty of a thriving natural environment.

Best used for

  • Eco-friendly and sustainable brand identities
  • Botanical garden and nature reserve websites
  • Organic food and wellness product packaging
  • Educational content about plant life and ecosystems
  • Outdoor adventure and eco-tourism promotions
  • Spring and summer seasonal marketing

Suggested color roles

primary

Use #008000 (Green) for dominant branding, main content sections, or to establish a deep, natural, and trustworthy foundation.

secondary

Apply #228B22 (Forest Green) for supporting elements, subheadings, or to introduce a slightly lighter, complementary green tone.

accent

Incorporate #FFD700 (Gold) or #FF4500 (Orange Red) for call-to-action buttons, highlights, or to add bursts of warm, energetic focal points.

background

A soft cream or light beige background provides a natural canvas, allowing the greens and warmer tones to feel grounded and inviting.

text

Dark charcoal (#333333) or a rich brown is ideal for body text. White text can be effectively used on #008000 and #228B22 for contrast.

Accessibility notes

  • Ensure sufficient contrast for text on #FFD700, #32CD32, and #FF4500; dark text is strongly recommended.
  • The darker greens (#008000, #228B22) offer excellent contrast with white or light text for headings and important information.
  • Avoid using #32CD32 for small body text when paired with white, as its luminance might fall below WCAG AA contrast ratios.
  • Use #FF4500 sparingly for text, primarily for accents or large headings, due to its high saturation.

Recommended combinations

Lush Forest

Creates a harmonious and natural gradient of greens, perfect for backgrounds, nature illustrations, or eco-friendly branding.

#008000 · #228B22 · #32CD32

Golden Bloom

Ideal for vibrant accents and energetic calls-to-action, evoking a sun-drenched tropical flower in a lush setting.

#FFD700 · #FF4500 · #228B22

Canopy Light

Offers a fresh and lively combination, suitable for web navigation, infographics, or designs needing a bright, natural feel.

#32CD32 · #FFD700 · #008000

CSS variables

:root {
  --tropical-canopy-bloom-1: #008000;
  --tropical-canopy-bloom-2: #228B22;
  --tropical-canopy-bloom-3: #32CD32;
  --tropical-canopy-bloom-4: #FFD700;
  --tropical-canopy-bloom-5: #FF4500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-canopy-bloom": {
        1: "#008000",
        2: "#228B22",
        3: "#32CD32",
        4: "#FFD700",
        5: "#FF4500",
      }
    }
  }
}

Related searches

jungle green color palettevibrant botanical colorstropical nature bloomeco-friendly brand colorsforest gold orange palette

Palette colors

Hex values

Color 1#008000
·
Color 2#228B22
·
Color 3#32CD32
·
Color 4#FFD700
·
Color 5#FF4500
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.4:1Fail
3.7:1AA18
1.5:1Fail
2
1.2:1Fail
2.1:1Fail
3.1:1AA18
1.3:1Fail
3
2.4:1Fail
2.1:1Fail
1.5:1Fail
1.6:1Fail
4
3.7:1AA18
3.1:1AA18
1.5:1Fail
2.5:1Fail
5
1.5:1Fail
1.3:1Fail
1.6:1Fail
2.5:1Fail

Similar palettes

More like Tropical Canopy Bloom

View all vibrant
Lagoon Paradise Sun
Rainforest Blossom Glow
Rainforest Canopy Jewel
Tropical Aviary Jewel
Tropical Rainforest Canopy
Vivid Jungle Canopy