Back to palettes

Palette

Monsoon Jungle Verdant

Immerse in the rich, vibrant greens and damp earth tones of a flourishing jungle during monsoon season.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Monsoon Jungle Verdant 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 Monsoon Jungle Verdant.

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

Data visualization

#006400#228B22#3CB371#556B2F#4B6F44

Palette guide

How to use Monsoon Jungle Verdant

Overview

The Monsoon Jungle Verdant palette is a lush celebration of deep, vibrant greens with grounding earthy undertones, perfectly capturing the flourishing life of a rainforest. Featuring classic forest greens like #006400 and the energetic #228B22, alongside the refreshing #3CB371, this collection is designed for impactful, nature-inspired projects. The addition of #556B2F and #4B6F44 introduces a subtle, organic earthiness. Designers will find this palette excellent for conveying growth, vitality, and a strong connection to nature. Developers can leverage these hex codes to create robust and inviting interfaces for eco-conscious brands, outdoor lifestyle platforms, or educational content focused on biodiversity.

Best used for

  • Eco-friendly product lines and packaging
  • Nature conservation and wildlife websites
  • Gardening and landscaping design apps
  • Organic food and farm-to-table branding
  • Educational materials about plant life
  • Outdoor lifestyle and adventure brands

Suggested color roles

primary

Designate #006400 as the strong, classic forest green for branding, main navigation, or impactful headings.

secondary

Utilize #228B22 for key content areas, illustrations, or as a vibrant accent, symbolizing growth and energy.

accent

Apply #3CB371 to interactive elements, calls-to-action, or important highlights, offering a bright, refreshing pop.

background

The earthy #4B6F44 creates a muted, natural background that allows other greens to stand out while maintaining an organic feel.

text

For dark text on lighter backgrounds, #006400 or #228B22 provide excellent readability. For light text on darks, white or a very light cream works best.

Accessibility notes

  • White text on #006400 or #228B22 provides excellent contrast, suitable for body text on dark backgrounds.
  • Ensure #3CB371 has sufficient contrast when used as text on #4B6F44, especially for smaller font sizes.
  • Avoid using #556B2F and #4B6F44 as text/background pairs due to potentially low contrast.
  • For critical alerts or error messages, consider a distinctly contrasting color outside the palette for immediate visibility.

Recommended combinations

Deep Foliage

Creates a vibrant, layered effect from deep forest green to a refreshing mid-green for main sections.

#006400 · #228B22 · #3CB371

Earthy Roots

Ideal for grounding elements, footers, or sections emphasizing natural, organic textures.

#556B2F · #4B6F44 · #006400

Verdant Contrast

Combines a strong primary with a bright accent and an earthy background for balanced visuals.

#006400 · #3CB371 · #4B6F44

CSS variables

:root {
  --monsoon-jungle-verdant-1: #006400;
  --monsoon-jungle-verdant-2: #228B22;
  --monsoon-jungle-verdant-3: #3CB371;
  --monsoon-jungle-verdant-4: #556B2F;
  --monsoon-jungle-verdant-5: #4B6F44;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "monsoon-jungle-verdant": {
        1: "#006400",
        2: "#228B22",
        3: "#3CB371",
        4: "#556B2F",
        5: "#4B6F44",
      }
    }
  }
}

Related searches

verdant green palettejungle rainforest colorsdeep earthy greensnatural growth designvibrant nature theme

Palette colors

Hex values

Color 1#006400
·
Color 2#228B22
·
Color 3#3CB371
·
Color 4#556B2F
·
Color 5#4B6F44
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
1.3:1Fail
1.3:1Fail
2
1.7:1Fail
1.6:1Fail
1.4:1Fail
1.3:1Fail
3
2.8:1Fail
1.6:1Fail
2.2:1Fail
2.2:1Fail
4
1.3:1Fail
1.4:1Fail
2.2:1Fail
1:1Fail
5
1.3:1Fail
1.3:1Fail
2.2:1Fail
1:1Fail

Similar palettes

More like Monsoon Jungle Verdant

View all earth