Palette

Jungle Canopy Pulse

A lively, pulsating array of greens, evoking the vibrant, dense foliage 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 Jungle Canopy Pulse 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 Canopy Pulse.

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

Data visualization

#004D00#008000#33B333#66E666#99FF99

Palette guide

How to use Jungle Canopy Pulse

Overview

The Jungle Canopy Pulse palette offers a lively and energetic array of greens, perfect for evoking the vibrant, dense foliage of a tropical jungle. Featuring shades from deep forest green like #004D00 to the bright, refreshing #99FF99, with balanced mid-tones such as #008000, #33B333, and #66E666. This collection is ideal for designers and developers aiming to create experiences that feel fresh, dynamic, and connected to nature. Its pulsating intensity makes it suitable for conveying growth, vitality, and a spirited aesthetic across various digital and physical applications, ensuring a memorable and engaging visual impact.

Best used for

Nature-themed branding
Environmental initiatives marketing
Kids' educational apps and games
Fresh food packaging design
Outdoor adventure websites
Spring/summer fashion collections

Suggested color roles

primary

#008000 serves as a lush, balanced green, perfect for main brand elements, large sections, or primary UI components.

secondary

#33B333 provides a vibrant mid-tone, excellent for supporting content, subheadings, or secondary interactive elements.

accent

#66E666 is a bright, energetic highlight, ideal for calls-to-action, notifications, or elements requiring high visibility.

background

#99FF99 offers the lightest green, creating a soft, airy backdrop that allows darker elements to stand out.

text

#004D00 (darkest green) ensures strong contrast for body text on lighter backgrounds, or use a dark charcoal for general readability.

Accessibility notes

Ensure sufficient contrast for #004D00 text on #99FF99 background to meet WCAG AA standards.
Test #008000 against #99FF99 for larger text or UI elements to guarantee readability.
Avoid placing light greens like #66E666 on #99FF99 for critical information due to potential low contrast.
Use a robust color contrast checker for all text and interactive elements to verify accessibility compliance.

Recommended combinations

Deep Forest

Creates a rich, layered green depth, ideal for nature-focused design or grounded sections.

#004D00 · #008000 · #33B333

Vibrant Growth

An energetic gradient that conveys dynamism and natural progression for visual elements.

#008000 · #33B333 · #66E666

Fresh Highlights

Provides a light and airy feel, perfect for clean, modern interfaces or subtle background textures.

#33B333 · #66E666 · #99FF99

CSS variables

:root {
  --jungle-canopy-pulse-1: #004D00;
  --jungle-canopy-pulse-2: #008000;
  --jungle-canopy-pulse-3: #33B333;
  --jungle-canopy-pulse-4: #66E666;
  --jungle-canopy-pulse-5: #99FF99;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jungle-canopy-pulse": {
        1: "#004D00",
        2: "#008000",
        3: "#33B333",
        4: "#66E666",
        5: "#99FF99",
      }
    }
  }
}

Hex values

Color 1#004D00

Color 2#008000

Color 3#33B333

Color 4#66E666

Color 5#99FF99

Accessibility

Contrast checker

2:1Fail

3.7:1AA18

6.3:1AA

8.3:1AAA

2:1Fail

1.9:1Fail

3.2:1AA18

4.2:1AA18

3.7:1AA18

1.9:1Fail

1.7:1Fail

2.2:1Fail

6.3:1AA

3.2:1AA18

1.7:1Fail

1.3:1Fail

8.3:1AAA

4.2:1AA18

2.2:1Fail

1.3:1Fail

Similar palettes

More like Jungle Canopy Pulse

View all vibrant

Jungle Vine Bloom

Rainforest Canopy Jewel

Botanical Bloom Canopy

Electric Meadow

Fresh Cut Grass

Jungle Bloom Canopy