Back to palettes

Palette

Jungle Bloom Canopy

Explodes with the lively greens and fiery blossoms of a sun-drenched tropical jungle canopy.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#004D40#00897B#26A69A#FFEE58#FF7043

Palette guide

How to use Jungle Bloom Canopy

Overview

The Jungle Bloom Canopy palette explodes with the lively greens and fiery blossoms of a sun-drenched tropical jungle. It features a deep teal (#004D40) and refreshing turquoise hues (#00897B, #26A69A) that evoke dense foliage. Bright, contrasting accents of sunny yellow (#FFEE58) and vibrant orange (#FF7043) simulate exotic flowers and warm sunlight filtering through the canopy. This palette is ideal for designers seeking to convey energy, vibrancy, and a fresh, natural aesthetic in their projects, from digital interfaces to branding.

Best used for

  • Eco-tourism and travel branding
  • Healthy food and beverage packaging
  • Summer event promotions and advertisements
  • Nature-themed mobile applications or websites
  • Botanical garden marketing materials
  • Vibrant and engaging user interface (UI) design

Suggested color roles

primary

Utilize #004D40 as a strong, grounding primary for backgrounds or foundational elements, providing depth and stability.

secondary

Use #00897B and #26A69A for supporting elements, gradients, or as fresher background alternatives.

accent

Reserve #FFEE58 and #FF7043 for high-impact elements like call-to-action buttons, icons, or to highlight key information.

background

A crisp white or very light cream works well, allowing the vibrant colors to truly pop. #26A69A can also serve as a refreshing background.

text

Dark charcoal or black is best for text on lighter backgrounds. White text offers excellent contrast on #004D40, #00897B, and #26A69A.

Accessibility notes

  • Colors #FFEE58 (yellow) and #FF7043 (orange) require dark text for optimal readability and accessibility.
  • The darker greens, #004D40 and #00897B, provide strong contrast with white or light-colored text.
  • Ensure sufficient contrast when using #26A69A as a background for lighter text, especially for smaller font sizes.
  • Avoid placing #FFEE58 and #FF7043 too close to each other without a dark separator for visual clarity.

Recommended combinations

Canopy Glow

Creates a dramatic, sun-drenched effect, perfect for headlines or hero sections.

#004D40 · #FFEE58 · #FF7043

Tropical Refresh

A lighter, airy feel, suitable for sub-sections or where a fresh, clean look is desired.

#00897B · #26A69A · #FFEE58

Deep Bloom

Combines depth with warmth, excellent for branding elements that need to feel both grounded and vibrant.

#004D40 · #FF7043 · #00897B

CSS variables

:root {
  --jungle-bloom-canopy-1: #004D40;
  --jungle-bloom-canopy-2: #00897B;
  --jungle-bloom-canopy-3: #26A69A;
  --jungle-bloom-canopy-4: #FFEE58;
  --jungle-bloom-canopy-5: #FF7043;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jungle-bloom-canopy": {
        1: "#004D40",
        2: "#00897B",
        3: "#26A69A",
        4: "#FFEE58",
        5: "#FF7043",
      }
    }
  }
}

Related searches

tropical green orange palettevibrant botanical colorsjungle UI themeenergetic nature designteal yellow orange scheme

Palette colors

Hex values

Color 1#004D40
·
Color 2#00897B
·
Color 3#26A69A
·
Color 4#FFEE58
·
Color 5#FF7043
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
3.3:1AA18
8.3:1AAA
3.6:1AA18
2
2.3:1Fail
1.4:1Fail
3.6:1AA18
1.6:1Fail
3
3.3:1AA18
1.4:1Fail
2.5:1Fail
1.1:1Fail
4
8.3:1AAA
3.6:1AA18
2.5:1Fail
2.3:1Fail
5
3.6:1AA18
1.6:1Fail
1.1:1Fail
2.3:1Fail

Similar palettes

More like Jungle Bloom Canopy

View all vibrant
Electric Jungle Bloom
Emerald Coastline
Jungle Canopy Pulse
Jungle Chroma Flare
Jungle Vine Bloom
Rainforest Blossom Glow