Palette

Electric Jungle Bloom

Energetic greens, yellows, and pinks that capture the vivid, untamed life of a jungle.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00FF00#FFD700#FF007F#32CD32#FF4500

Palette guide

How to use Electric Jungle Bloom

Overview

The Electric Jungle Bloom palette captures the vivid, untamed life of a jungle with energetic greens, yellows, and pinks. Featuring the bright #00FF00 (Lime Green), sunny #FFD700 (Gold), and intense #FF007F (Ruby), it's a celebration of vibrant nature. The palette is grounded by #32CD32 (Lime Green, a slightly darker tone) and accented by the fiery #FF4500 (OrangeRed), adding warmth and a sense of exotic bloom. This combination is excellent for designs that need to convey exuberance, natural energy, or a lively, tropical vibe. Designers and developers can utilize these hues for eco-friendly branding, summer promotions, or interfaces that evoke a sense of adventure and vitality.

Best used for

Tropical resort branding
Eco-friendly product packaging
Summer festival graphics
Nature-themed game environments
Children's book illustrations
Vibrant web banners

Suggested color roles

primary

#00FF00 (Lime Green) - A highly energetic and fresh primary color, perfect for main branding elements, large graphic areas, or a vibrant background.

secondary

#FFD700 (Gold) - Adds a sunny, optimistic glow, ideal for secondary headings, highlights, or elements that need to feel warm and inviting.

accent

#FF007F (Ruby) - A striking, passionate accent color for calls-to-action, alerts, or details that need to pop with a floral intensity.

background

#32CD32 (Lime Green) - A slightly muted green that can serve as a lively natural background, providing a vibrant yet stable base for other colors. For a darker background, consider a deep forest green.

text

#FF4500 (OrangeRed) - Effective for bold headlines or short, impactful statements. For body text, black or a very dark green like #003300 will offer better readability on lighter greens.

Accessibility notes

Ensure high contrast when pairing #FFD700 or #00FF00 with light backgrounds; dark text is usually necessary.
Avoid using #FF007F or #FF4500 for small text sizes due to their intensity and potential for eye strain.
When using #32CD32 as a background, ensure text colors (e.g., white or dark green) meet WCAG contrast ratios.
Prioritize dark green or black text on the lighter greens (#00FF00, #32CD32, #FFD700) for optimal readability.

Recommended combinations

Tropical Energy

Creates a lively, exotic feel, ideal for summer promotions, tropical branding, or dynamic digital illustrations.

#00FF00 · #FFD700 · #FF007F

Jungle Sunset

Evokes warm, vibrant natural scenes, perfect for environmental themes, outdoor adventure branding, or event graphics.

#32CD32 · #FF4500 · #FFD700

Electric Bloom

A bold and striking trio for expressive art, attention-grabbing calls-to-action, or lively interface elements.

#FF007F · #00FF00 · #FF4500

CSS variables

:root {
  --electric-jungle-bloom-1: #00FF00;
  --electric-jungle-bloom-2: #FFD700;
  --electric-jungle-bloom-3: #FF007F;
  --electric-jungle-bloom-4: #32CD32;
  --electric-jungle-bloom-5: #FF4500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-jungle-bloom": {
        1: "#00FF00",
        2: "#FFD700",
        3: "#FF007F",
        4: "#32CD32",
        5: "#FF4500",
      }
    }
  }
}

Hex values

Color 1#00FF00

Color 2#FFD700

Color 3#FF007F

Color 4#32CD32

Color 5#FF4500

Accessibility

Contrast checker

1:1Fail

2.8:1Fail

1.5:1Fail

2.5:1Fail

1:1Fail

2.7:1Fail

1.5:1Fail

2.5:1Fail

2.8:1Fail

2.7:1Fail

1.8:1Fail

1.1:1Fail

1.5:1Fail

1.8:1Fail

1.6:1Fail

2.5:1Fail

1.1:1Fail

1.6:1Fail

Similar palettes

More like Electric Jungle Bloom

Electric Jungle Bloom

See it in context.

Ready when you are.

Built with Electric Jungle Bloom.

How to use Electric Jungle Bloom

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Tropical Energy

Jungle Sunset

Electric Bloom

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Electric Jungle Bloom