Palette

Jungle Bloom

A lively palette capturing the dense, verdant energy of a rainforest teeming with bright flowers and life.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#006400#228B22#ADFF2F#FFD700#FF4500

Palette guide

How to use Jungle Bloom

Overview

The Jungle Bloom palette is a lively collection that captures the dense, verdant energy of a rainforest teeming with bright flowers and life. It features deep forest green (#006400) and a brighter forest green (#228B22) as its lush base, complemented by a luminous lime green (#ADFF2F) that mimics sun-dappled leaves. Vivid accents of sunny gold (#FFD700) and fiery orange-red (#FF4500) provide the 'bloom' effect, representing exotic flowers. This palette is ideal for designers aiming for a natural yet energetic aesthetic, perfect for conveying vitality and growth.

Best used for

Eco-friendly product branding and packaging
Nature documentaries and educational content
Outdoor adventure and tourism marketing
Botanical garden or park signage
Children's book illustrations with nature themes
Vibrant food and beverage branding

Suggested color roles

primary

Utilize #006400 as a strong, grounding primary for backgrounds or foundational elements, establishing depth.

secondary

Employ #228B22 for secondary elements, adding a slightly brighter, yet still natural, green layer.

accent

Reserve #ADFF2F, #FFD700, and #FF4500 for high-impact accents, call-to-action buttons, or to highlight key information with bursts of color.

background

A very light cream or soft off-white allows the vibrant colors to stand out. #006400 can also serve as a dramatic dark background.

text

Dark charcoal or black is best for text on lighter backgrounds. White text offers excellent contrast on #006400 and #228B22.

Accessibility notes

Colors #ADFF2F (lime), #FFD700 (gold), and #FF4500 (orange-red) require dark text for optimal readability.
The deep greens, #006400 and #228B22, provide strong contrast with white or light-colored text.
Be cautious when pairing #ADFF2F with light gray text, as contrast might be insufficient.
Ensure interactive elements using accent colors have a clear focus state with adequate contrast.

Recommended combinations

Forest Glow

Creates a vibrant, sun-dappled effect, ideal for hero sections or captivating visuals.

#006400 · #ADFF2F · #FFD700

Tropical Energy

A dynamic combination for energetic branding or elements that need to convey warmth and vitality.

#228B22 · #FFD700 · #FF4500

Verdant Burst

Emphasizes the lushness of the jungle with a dramatic pop of color, suitable for bold statements.

#006400 · #FF4500 · #ADFF2F

CSS variables

:root {
  --jungle-bloom-1: #006400;
  --jungle-bloom-2: #228B22;
  --jungle-bloom-3: #ADFF2F;
  --jungle-bloom-4: #FFD700;
  --jungle-bloom-5: #FF4500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jungle-bloom": {
        1: "#006400",
        2: "#228B22",
        3: "#ADFF2F",
        4: "#FFD700",
        5: "#FF4500",
      }
    }
  }
}

Hex values

Color 1#006400

Color 2#228B22

Color 3#ADFF2F

Color 4#FFD700

Color 5#FF4500

Accessibility

Contrast checker

1.7:1Fail

6.1:1AA

5.3:1AA

2.2:1Fail

1.7:1Fail

3.6:1AA18

3.1:1AA18

1.3:1Fail

6.1:1AA

3.6:1AA18

1.1:1Fail

2.8:1Fail

5.3:1AA

3.1:1AA18

1.1:1Fail

2.5:1Fail

2.2:1Fail

1.3:1Fail

2.8:1Fail

2.5:1Fail

Similar palettes

More like Jungle Bloom

View all vibrant

Jungle Bloom Splash

Paradise Bloom Burst

Tropical Paradise Zing

Tropical Parrot Feather

Electric Jungle Pop

Exotic Fruit Cascade