Back to palettes

Palette

Rainforest Canopy Jewel

Lush greens mixed with bright pops of floral color, reflecting the vibrant life of a rainforest.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rainforest Canopy Jewel 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 Rainforest Canopy Jewel.

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

Data visualization

#005F4F#00796B#388E3C#8BC34A#CDDC39

Palette guide

How to use Rainforest Canopy Jewel

Overview

The "Rainforest Canopy Jewel" palette is a vibrant and energetic collection of lush greens, reflecting the dynamic life of a thriving rainforest. It features deep teal green #005F4F, a slightly brighter teal green #00796B, and a solid forest green #388E3C, establishing a rich, jewel-toned foundation. Popping with vitality are a bright light green #8BC34A and an electrifying lime green #CDDC39. This palette is perfect for designers and developers looking to inject a sense of tropical energy and lively growth into their projects, creating designs that are both sophisticated and exhilarating.

Best used for

  • Tropical resort branding
  • Vibrant marketing campaigns
  • Nature-themed mobile applications
  • Energetic brand identity designs
  • Event promotion materials
  • Children's book illustrations

Suggested color roles

primary

Utilize #00796B (Teal Green) for core elements like headers, primary buttons, or main content areas, providing a strong, vibrant base.

secondary

Employ #388E3C (Forest Green) for supporting information, subheadings, or secondary calls-to-action, adding depth and organic feel.

accent

Introduce #CDDC39 (Lime Green) for high-impact accents, interactive elements, or key visuals that demand immediate attention.

background

Apply #8BC34A (Light Green) as a fresh, bright background, allowing the deeper greens and the lime accent to shine.

text

For optimal readability on lighter backgrounds like #8BC34A, use a dark, contrasting color such as #005F4F or a standard charcoal black.

Accessibility notes

  • The deep #005F4F offers excellent contrast against #8BC34A for body text and headings, ensuring good readability.
  • Be cautious when using #CDDC39 for small text on #8BC34A; ensure it meets WCAG AA contrast standards, possibly requiring larger font sizes.
  • The #00796B provides good contrast against #8BC34A, suitable for text and interactive elements.
  • Avoid placing #CDDC39 text directly on a #00796B background for accessibility reasons, as contrast may be insufficient.

Recommended combinations

Jewel Pop

Ideal for hero sections or prominent features, combining a rich green with a striking, energetic lime accent.

#00796B · #CDDC39 · #8BC34A

Deep Forest Glow

Excellent for layered graphics or illustrations, depicting depth in greens with a vibrant, glowing highlight.

#005F4F · #388E3C · #CDDC39

Canopy Energy

Use for main content areas or informational displays, creating a cohesive and naturally vibrant green scheme.

#00796B · #388E3C · #8BC34A

CSS variables

:root {
  --rainforest-canopy-jewel-1: #005F4F;
  --rainforest-canopy-jewel-2: #00796B;
  --rainforest-canopy-jewel-3: #388E3C;
  --rainforest-canopy-jewel-4: #8BC34A;
  --rainforest-canopy-jewel-5: #CDDC39;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainforest-canopy-jewel": {
        1: "#005F4F",
        2: "#00796B",
        3: "#388E3C",
        4: "#8BC34A",
        5: "#CDDC39",
      }
    }
  }
}

Related searches

vibrant green palettetropical jungle colorsjewel tone greensenergetic nature UIrainforest brand identity

Palette colors

Hex values

Color 1#005F4F
·
Color 2#00796B
·
Color 3#388E3C
·
Color 4#8BC34A
·
Color 5#CDDC39
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
3.6:1AA18
5.1:1AA
2
1.4:1Fail
1.3:1Fail
2.5:1Fail
3.5:1AA18
3
1.9:1Fail
1.3:1Fail
2:1Fail
2.7:1Fail
4
3.6:1AA18
2.5:1Fail
2:1Fail
1.4:1Fail
5
5.1:1AA
3.5:1AA18
2.7:1Fail
1.4:1Fail

Similar palettes

More like Rainforest Canopy Jewel

View all vibrant
Jungle Canopy Pulse
Jungle Vine Bloom
Lush Vine Cascade
Rainforest Blossom Glow
Tropical Aviary Jewel
Tropical Rainforest Canopy