Back to palettes

Palette

Rainforest Emerald Glade

Rich and diverse greens evoke the dense, thriving plant life and humid air of a tropical jungle.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rainforest Emerald Glade 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 Emerald Glade.

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

Data visualization

#00561B#008128#30A84D#6BBE68#2B4F2B

Palette guide

How to use Rainforest Emerald Glade

Overview

The "Rainforest Emerald Glade" palette captures the essence of a vibrant, thriving jungle with its diverse range of lush greens. From the deep, grounding #00561B to the fresh, airy #6BBE68, this collection is perfect for designs aiming for a natural, lively, and refreshing feel. The energetic #30A84D provides a bright focal point, while the muted #2B4F2B adds depth, allowing designers to create rich, organic visual narratives. These hex codes are versatile for both digital and print applications, conveying growth, vitality, and a strong connection to the natural world.

Best used for

  • Ecological conservation initiatives
  • Fresh produce branding
  • Children's nature-themed products
  • Outdoor recreation websites
  • Sustainable agriculture marketing
  • Healthy lifestyle blogs

Suggested color roles

primary

Use #00561B as a strong, foundational green for major headings, brand identity, and impactful calls-to-action.

secondary

Apply #008128 for supporting elements like subheadings, navigation, and content blocks to build hierarchy.

accent

Utilize #30A84D as a vibrant highlight for interactive elements, key information, or eye-catching graphical details.

background

Employ #6BBE68 for a light, fresh background, or pair with a light cream/off-white for content areas.

text

For dark text on light backgrounds, #00561B or a dark charcoal provides excellent contrast. On dark backgrounds, use white.

Accessibility notes

  • #6BBE68 may have insufficient contrast for small text on very light backgrounds; use for large text or accents.
  • Ensure #30A84D text has good contrast against its background, especially for important information.
  • The darker greens like #00561B offer excellent contrast for white or light gray text.
  • Always verify color pairings meet WCAG AA standards for text and interactive elements to ensure accessibility.

Recommended combinations

Deep Glade

Grounding dark base with a muted secondary and a vibrant accent for depth and a pop of energy.

#00561B · #2B4F2B · #30A84D

Fresh Canopy

Lively mid-tone with a bright, airy accent, anchored by a deep primary for balanced visual appeal.

#008128 · #6BBE68 · #00561B

Vibrant Life

Energetic highlight balanced by a strong primary and a light, fresh secondary for dynamic designs.

#30A84D · #00561B · #6BBE68

CSS variables

:root {
  --rainforest-emerald-glade-1: #00561B;
  --rainforest-emerald-glade-2: #008128;
  --rainforest-emerald-glade-3: #30A84D;
  --rainforest-emerald-glade-4: #6BBE68;
  --rainforest-emerald-glade-5: #2B4F2B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainforest-emerald-glade": {
        1: "#00561B",
        2: "#008128",
        3: "#30A84D",
        4: "#6BBE68",
        5: "#2B4F2B",
      }
    }
  }
}

Related searches

emerald green nature palettelush forest color schemevibrant green brandingtropical jungle designsustainable brand green colors

Palette colors

Hex values

Color 1#00561B
·
Color 2#008128
·
Color 3#30A84D
·
Color 4#6BBE68
·
Color 5#2B4F2B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.9:1Fail
3.9:1AA18
1:1Fail
2
1.8:1Fail
1.6:1Fail
2.2:1Fail
1.8:1Fail
3
2.9:1Fail
1.6:1Fail
1.3:1Fail
3:1AA18
4
3.9:1AA18
2.2:1Fail
1.3:1Fail
4.1:1AA18
5
1:1Fail
1.8:1Fail
3:1AA18
4.1:1AA18

Similar palettes

More like Rainforest Emerald Glade

View all vibrant
Tropical Canopy Vista
Emerald Canopy Glade
Emerald Glade Lush
Jungle Dewdrop Shine
Lush Tropical Haven
Verdant Canopy Glade