Palette

Tropical Forest Canopy

Dynamic greens of a vibrant rainforest canopy, alive with light and deep shadows.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tropical Forest 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 Tropical Forest Canopy.

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

Data visualization

#004B23#006400#38A700#70E000#1B3B0A

Palette guide

How to use Tropical Forest Canopy

Overview

The "Tropical Forest Canopy" palette captures the dynamic greens of a vibrant rainforest, alive with light and deep shadows. This scheme features a rich dark green (#004B23), a classic forest green (#006400), and a striking chartreuse (#38A700). The energetic lime green (#70E000) adds a burst of vitality, while a deep olive green (#1B3B0A) provides grounding depth. Designers and developers can utilize this palette to evoke a sense of nature, growth, and energy, making it perfect for eco-friendly branding, outdoor themes, or projects requiring a lush, organic aesthetic. Its range from deep to bright greens offers significant design flexibility.

Best used for

Eco-conscious branding and packaging
Nature-themed websites and apps
Outdoor adventure gear design
Environmental conservation campaigns
Wellness and organic product lines
Jungle or forest-themed illustrations

Suggested color roles

primary

Employ #006400 (Forest Green) as a dominant color for headings, brand logos, or large content blocks to establish a strong natural presence.

secondary

Use #38A700 (Chartreuse) for subheadings, call-to-action buttons, or graphical elements to introduce vibrancy and a lively feel.

accent

Apply #70E000 (Lime Green) sparingly for highlights, interactive states, or small icons where a bright, energetic pop is desired.

background

Consider #1B3B0A (Deep Olive Green) for dark, immersive backgrounds, or a very light off-white to create contrast with the darker greens.

text

For dark backgrounds, use white or a very light grey text. For light backgrounds, #004B23 or black provides excellent readability.

Accessibility notes

Ensure sufficient contrast for text when using #70E000 or #38A700 on light backgrounds; black or dark grey is recommended.
White or light grey text provides excellent readability against the darker shades like #004B23, #006400, and #1B3B0A.
Avoid using #70E000 for large blocks of text due to its high brightness, reserving it for accents.
Check contrast ratios for all text and interactive elements, especially if pairing greens of similar luminosity.

Recommended combinations

Deep Jungle

Creates a rich, mysterious background for content, ideal for evoking depth and natural immersion.

#004B23 · #006400 · #1B3B0A

Sunlit Leaves

Excellent for vibrant graphics, infographics, or sections needing a fresh, energetic, and lively appearance.

#38A700 · #70E000 · #006400

Forest Floor

Provides a grounded and earthy feel, suitable for footer sections or natural product descriptions.

#1B3B0A · #004B23 · #38A700

CSS variables

:root {
  --tropical-forest-canopy-2-1: #004B23;
  --tropical-forest-canopy-2-2: #006400;
  --tropical-forest-canopy-2-3: #38A700;
  --tropical-forest-canopy-2-4: #70E000;
  --tropical-forest-canopy-2-5: #1B3B0A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-forest-canopy-2": {
        1: "#004B23",
        2: "#006400",
        3: "#38A700",
        4: "#70E000",
        5: "#1B3B0A",
      }
    }
  }
}

Hex values

Color 1#004B23

Color 2#006400

Color 3#38A700

Color 4#70E000

Color 5#1B3B0A

Accessibility

Contrast checker

1.4:1Fail

3.3:1AA18

6.1:1AA

1.2:1Fail

1.4:1Fail

2.4:1Fail

4.4:1AA18

1.7:1Fail

3.3:1AA18

2.4:1Fail

1.8:1Fail

4:1AA18

6.1:1AA

4.4:1AA18

1.8:1Fail

7.4:1AAA

1.2:1Fail

1.7:1Fail

4:1AA18

7.4:1AAA

Similar palettes

More like Tropical Forest Canopy