Back to palettes

Palette

Lush Green Canopy

Rich, diverse greens reflecting the dense, vibrant foliage of a tropical canopy.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lush Green 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 Lush Green Canopy.

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

Data visualization

#004D40#00695C#00897B#00A99A#00C8B7

Palette guide

How to use Lush Green Canopy

Overview

The Lush Green Canopy palette offers a refreshing and vibrant spectrum of teal-greens, reminiscent of a dense, thriving tropical forest. From the deep, grounding `#004D40` to the bright, energetic `#00C8B7`, this collection provides a harmonious gradient for dynamic designs. The mid-tones like `#00695C`, `#00897B`, and `#00A99A` ensure versatility, allowing designers to create depth and contrast. This palette is perfect for projects seeking to convey freshness, vitality, and a touch of exotic natural beauty, suitable for both digital and print applications.

Best used for

  • Tropical resort and travel marketing
  • Health, wellness, and organic food brands
  • Sustainable technology and eco-innovation
  • Interactive dashboards and data visualization
  • Fresh food packaging and restaurant branding
  • Mobile applications with a clean, modern aesthetic

Suggested color roles

primary

Utilize `#004D40` or `#00695C` as a strong primary for main navigation, headings, or foundational branding, establishing depth and sophistication.

secondary

Employ `#00897B` or `#00A99A` for supporting content blocks, subheadings, or graphical elements, adding visual interest without overpowering.

accent

Reserve `#00C8B7` for calls to action, interactive elements, or key highlights that require maximum visibility and a burst of energy.

background

A very light grey or off-white provides a clean, neutral base that allows the vibrant greens to truly pop.

text

For body text, a deep charcoal or black is recommended for optimal readability. Headings can use `#004D40` for a unified and sophisticated appearance.

Accessibility notes

  • Ensure that lighter greens like `#00C8B7` have sufficient contrast when paired with light backgrounds for text or small icons.
  • Darker shades such as `#004D40` offer excellent contrast for light-colored text (e.g., white or light grey).
  • Pay attention to the contrast between adjacent vibrant greens to maintain clear visual hierarchy.
  • Always test color combinations with accessibility tools to ensure compliance with WCAG standards for all users.

Recommended combinations

Deep Tropical Base

Effective for main content areas, corporate branding, or sophisticated backgrounds that demand a strong, natural presence.

#004D40 · #00695C · #00897B

Vibrant Highlights

Perfect for drawing attention to interactive elements, product features, or creating energetic visual accents.

#00A99A · #00C8B7 · #00695C

Balanced Gradient

Utilize this combination for visual storytelling, smooth transitions, or creating a dynamic, layered effect in user interfaces.

#004D40 · #00897B · #00C8B7

CSS variables

:root {
  --lush-green-canopy-1: #004D40;
  --lush-green-canopy-2: #00695C;
  --lush-green-canopy-3: #00897B;
  --lush-green-canopy-4: #00A99A;
  --lush-green-canopy-5: #00C8B7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lush-green-canopy": {
        1: "#004D40",
        2: "#00695C",
        3: "#00897B",
        4: "#00A99A",
        5: "#00C8B7",
      }
    }
  }
}

Related searches

tropical green color schemevibrant jungle paletteteal green branding colorsfresh green ui designmodern nature color palette

Palette colors

Hex values

Color 1#004D40
·
Color 2#00695C
·
Color 3#00897B
·
Color 4#00A99A
·
Color 5#00C8B7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.3:1AA18
4.7:1AA
2
1.5:1Fail
1.5:1Fail
2.2:1Fail
3.1:1AA18
3
2.3:1Fail
1.5:1Fail
1.5:1Fail
2:1Fail
4
3.3:1AA18
2.2:1Fail
1.5:1Fail
1.4:1Fail
5
4.7:1AA
3.1:1AA18
2:1Fail
1.4:1Fail

Similar palettes

More like Lush Green Canopy

View all vibrant
Emerald Canopy Glade
Jungle Emerald Vines
Lush Emerald Canopy
Rainforest Canopy Light
Emerald Canopy Glow
Emerald Glade Lush