Back to palettes

Palette

Jade Jungle Canopy

A lush, vibrant cascade of greens, evoking the rich biodiversity of a tropical jungle.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#004B49#006C67#008E89#00B0AC#00D2CE

Palette guide

How to use Jade Jungle Canopy

Overview

The Jade Jungle Canopy palette offers a lush, vibrant cascade of greens, perfect for evoking a sense of tropical energy and rich biodiversity. Designers and developers can leverage its dynamic range, from the deep foundational `#004B49` to the bright, energetic `#00D2CE`. This palette is inherently refreshing, with mid-tones like `#006C67` and `#008E89` providing excellent versatility for various design elements. Ideal for projects that aim to feel alive, exotic, and deeply connected to nature, this collection of greens ensures a cohesive yet exciting visual experience. Utilize `#00B0AC` for lighter areas to maintain an airy feel.

Best used for

  • Tropical-themed branding and packaging
  • Eco-tourism websites and travel brochures
  • Wellness and spa branding with a natural focus
  • Mobile app interfaces for nature-centric themes
  • Textile and fashion design inspired by rainforests
  • Environmental conservation campaign materials

Suggested color roles

primary

Use `#006C67` for main brand elements, buttons, and key interactive components. It's vibrant yet stable.

secondary

Employ `#004B49` for navigation bars, footers, or as a strong background for important sections. It provides depth and grounding.

accent

Apply `#00D2CE` sparingly for call-to-action buttons, highlights, or graphical elements that need to pop with energy.

background

Utilize `#00B0AC` for clean, refreshing content areas or subtle background gradients. It's light enough to feel open.

text

For primary body text, a dark charcoal or black provides optimal readability on lighter greens. For headlines on darker backgrounds, use white.

Accessibility notes

  • Ensure sufficient contrast between `#00D2CE` and any text placed upon it, ideally using a very dark green or black.
  • The darker shades like `#004B49` and `#006C67` offer excellent contrast for white or light-colored text.
  • Avoid using `#00D2CE` for extensive body text, as its brightness can strain eyes.
  • When pairing lighter greens, ensure their contrast ratio meets WCAG standards for visual accessibility.

Recommended combinations

Deep Jungle

Creates a strong, high-contrast look suitable for headers and key graphical elements.

#004B49 · #006C67 · #00D2CE

Fresh Canopy

Offers a balanced, airy feel, ideal for content blocks, illustrations, or secondary navigation.

#008E89 · #00B0AC · #006C67

Vibrant Flow

Highlights energetic interactions or calls to action while maintaining a refreshing overall aesthetic.

#006C67 · #00D2CE · #00B0AC

CSS variables

:root {
  --jade-jungle-canopy-1: #004B49;
  --jade-jungle-canopy-2: #006C67;
  --jade-jungle-canopy-3: #008E89;
  --jade-jungle-canopy-4: #00B0AC;
  --jade-jungle-canopy-5: #00D2CE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-jungle-canopy": {
        1: "#004B49",
        2: "#006C67",
        3: "#008E89",
        4: "#00B0AC",
        5: "#00D2CE",
      }
    }
  }
}

Related searches

vibrant green color palettetropical jungle colorsemerald teal palettelush green design schemeexotic nature colors

Palette colors

Hex values

Color 1#004B49
·
Color 2#006C67
·
Color 3#008E89
·
Color 4#00B0AC
·
Color 5#00D2CE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
3.7:1AA18
5.3:1AA
2
1.6:1Fail
1.6:1Fail
2.3:1Fail
3.3:1AA18
3
2.5:1Fail
1.6:1Fail
1.5:1Fail
2.1:1Fail
4
3.7:1AA18
2.3:1Fail
1.5:1Fail
1.4:1Fail
5
5.3:1AA
3.3:1AA18
2.1:1Fail
1.4:1Fail

Similar palettes

More like Jade Jungle Canopy

View all vibrant
Emerald Isle Glow
Tropical Aviary Jewel
Tropical Fern Canopy
Tropical Forest Canopy
Tropical Rainforest Jewel
Vivid Jungle Canopy