Palette

Jungle Emerald Vines

A lush explosion of greens, mirroring the dense, vibrant life of a sun-drenched rainforest.

vibrantnatural5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Jungle Emerald Vines 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 Emerald Vines.

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

Data visualization

#006400#228B22#3CB371#66CDAA#8FBC8F

Palette guide

How to use Jungle Emerald Vines

Overview

The Jungle Emerald Vines palette offers a lush explosion of greens, mirroring the dense, vibrant life of a sun-drenched rainforest. With rich shades like #006400, #228B22, #3CB371, #66CDAA, and #8FBC8F, this collection is perfect for designers and developers aiming for a natural, refreshing, and deeply organic aesthetic. It evokes a sense of vitality and growth, ideal for projects that connect with nature, promote sustainability, or create a calming yet dynamic atmosphere. This palette ensures a harmonious and inviting visual experience, suitable for applications from digital interfaces to physical product branding, reflecting true natural beauty.

Best used for

Nature documentaries branding
Sustainable tourism marketing
High-quality organic products
Botanical art and illustration
Environmental education platforms
Health and wellness brands

Suggested color roles

primary

#228B22 serves as a classic, strong emerald green for core branding elements and main content areas.

secondary

#3CB371 provides a slightly lighter, refreshing green for supporting elements, subheadings, or illustrations.

accent

#66CDAA offers a bright, aquatic green, perfect for highlights, interactive elements, or delicate details.

background

#8FBC8F (a soft, muted green) creates a harmonious, natural, and calming base for content.

text

#006400 (darkest green) ensures excellent contrast for body text on lighter backgrounds, promoting readability.

Accessibility notes

#006400 offers strong contrast on #8FBC8F, ensuring clear readability for all text.
#228B22 on #8FBC8F should be sufficient for larger text sizes or headings.
Be cautious with #66CDAA for small text on lighter backgrounds due to potential low contrast.
Always use a contrast checker to ensure all text and interactive elements meet accessibility guidelines.

Recommended combinations

Emerald Depths

Creates rich, deep greens for a sense of luxury and depth, ideal for sophisticated natural themes.

#006400 · #228B22 · #3CB371

Vibrant Foliage

An energetic and lively combination, perfect for dynamic natural scenes and engaging visuals.

#228B22 · #3CB371 · #66CDAA

Misty Canopy

Offers soft, airy greens for serene and expansive visuals, evoking a tranquil atmosphere.

#3CB371 · #66CDAA · #8FBC8F

CSS variables

:root {
  --jungle-emerald-vines-1: #006400;
  --jungle-emerald-vines-2: #228B22;
  --jungle-emerald-vines-3: #3CB371;
  --jungle-emerald-vines-4: #66CDAA;
  --jungle-emerald-vines-5: #8FBC8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jungle-emerald-vines": {
        1: "#006400",
        2: "#228B22",
        3: "#3CB371",
        4: "#66CDAA",
        5: "#8FBC8F",
      }
    }
  }
}

Hex values

Color 1#006400

Color 2#228B22

Color 3#3CB371

Color 4#66CDAA

Color 5#8FBC8F

Accessibility

Contrast checker

1.7:1Fail

2.8:1Fail

3.9:1AA18

3.5:1AA18

1.7:1Fail

1.6:1Fail

2.3:1Fail

2:1Fail

2.8:1Fail

1.6:1Fail

1.4:1Fail

1.2:1Fail

3.9:1AA18

2.3:1Fail

1.4:1Fail

1.1:1Fail

3.5:1AA18

2:1Fail

1.2:1Fail

1.1:1Fail

Similar palettes

More like Jungle Emerald Vines