Back to palettes

Palette

Rainforest Blossom Glow

An energetic mix of vibrant greens, tropical pinks, and cheerful oranges, evoking the lush life of a thriving rainforest.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rainforest Blossom Glow 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 Rainforest Blossom Glow.

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

Data visualization

#006400#3CB371#90EE90#FF69B4#FFA500

Palette guide

How to use Rainforest Blossom Glow

Overview

The "Rainforest Blossom Glow" palette bursts with an energetic mix of vibrant greens, tropical pinks, and cheerful oranges, perfectly capturing the lush life of a thriving rainforest. This palette offers a dynamic range, from the deep forest green of #006400 to the lively medium sea green #3CB371, complemented by a soft light green #90EE90. The true pop comes from the striking hot pink #FF69B4 and the sunny orange #FFA500. Designers and developers can leverage these colors to create truly memorable and spirited digital or print experiences that demand attention and convey a sense of tropical vitality.

Best used for

  • Vibrant tropical branding
  • Energetic UI/UX designs
  • Event posters and marketing materials
  • Children's product packaging
  • Nature-themed digital illustrations
  • Lively social media campaigns

Suggested color roles

primary

Utilize #006400 (Deep Green) for foundational elements like navigation bars or primary calls-to-action, providing a strong, natural anchor.

secondary

Apply #3CB371 (Medium Sea Green) for supporting sections, subheadings, or secondary buttons, offering a softer yet still vibrant green contrast.

accent

Deploy #FF69B4 (Hot Pink) or #FFA500 (Orange) for high-impact accents, alerts, or interactive elements that need to stand out immediately.

background

Use #90EE90 (Light Green) as a refreshing, airy background color, allowing darker elements to pop and maintaining a bright overall feel.

text

For optimal readability on light backgrounds like #90EE90, use a dark, contrasting color such as #006400 or a standard charcoal black.

Accessibility notes

  • Ensure sufficient contrast when pairing #FF69B4 or #FFA500 with #90EE90 for text, as these combinations might fail WCAG AA standards.
  • The deep #006400 provides excellent contrast against #90EE90 for body text and headings, ensuring readability.
  • Avoid using #3CB371 for small text on #90EE90 backgrounds; consider a darker green from the palette for better visibility.
  • Always test color combinations with accessibility checkers, especially for interactive elements and crucial information.

Recommended combinations

Tropical Punch

Ideal for bold headers, graphic elements, or calls-to-action where maximum impact is desired, conveying energy and excitement.

#006400 · #FF69B4 · #FFA500

Lush Canopy

Excellent for creating a natural, layered green base, suitable for backgrounds, main content blocks, and organic illustrations.

#006400 · #3CB371 · #90EE90

Blossom Highlight

Use for UI components where a touch of vibrancy is needed, like navigation items, status indicators, or interactive buttons.

#3CB371 · #90EE90 · #FF69B4

CSS variables

:root {
  --rainforest-blossom-glow-1: #006400;
  --rainforest-blossom-glow-2: #3CB371;
  --rainforest-blossom-glow-3: #90EE90;
  --rainforest-blossom-glow-4: #FF69B4;
  --rainforest-blossom-glow-5: #FFA500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainforest-blossom-glow": {
        1: "#006400",
        2: "#3CB371",
        3: "#90EE90",
        4: "#FF69B4",
        5: "#FFA500",
      }
    }
  }
}

Related searches

vibrant tropical color schemegreen pink orange paletteenergetic rainforest colorstropical UI designnature-inspired branding

Palette colors

Hex values

Color 1#006400
·
Color 2#3CB371
·
Color 3#90EE90
·
Color 4#FF69B4
·
Color 5#FFA500
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.8:1Fail
5.2:1AA
2.8:1Fail
3.8:1AA18
2
2.8:1Fail
1.9:1Fail
1:1Fail
1.3:1Fail
3
5.2:1AA
1.9:1Fail
1.9:1Fail
1.4:1Fail
4
2.8:1Fail
1:1Fail
1.9:1Fail
1.3:1Fail
5
3.8:1AA18
1.3:1Fail
1.4:1Fail
1.3:1Fail

Similar palettes

More like Rainforest Blossom Glow

View all vibrant
Rainforest Canopy Jewel
Tropical Aviary Jewel
Vivid Jungle Canopy
Jungle Aviary Chorus
Jungle Bloom Canopy
Jungle Canopy Pulse