Back to palettes

Palette

Verdant Jungle Floor

Rich, varied greens capturing the dense foliage, mossy textures, and fertile life of a rainforest floor.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#228B22#3CB371#6B8E23#556B2F#008000

Palette guide

How to use Verdant Jungle Floor

Overview

The Verdant Jungle Floor palette immerses designers in the dense, vibrant foliage and rich life of a rainforest understory. Dominated by powerful greens, from the classic #008000 to the energetic #228B22, and complemented by the mossy #556B2F and the lime-like #6B8E23, this collection is bursting with natural vitality. The bright #3CB371 adds a refreshing touch, reminiscent of new shoots. This palette is exceptionally well-suited for projects that demand a strong connection to nature, lushness, and robust growth, offering a dynamic range of greens for impactful visual storytelling. Developers can implement these hex codes to create compelling, nature-themed interfaces and brand identities with ease.

Best used for

  • Environmental conservation campaigns
  • Garden and landscaping services branding
  • Outdoor adventure apps
  • Organic food and beverage labels
  • Children's educational nature books
  • Botanical illustration and art

Suggested color roles

primary

#008000 - A strong, classic true green, ideal for foundational brand elements, large headers, or backgrounds that demand immediate attention and natural authority.

secondary

#228B22 - A slightly brighter, yet still deep forest green, perfect for supporting visuals, call-to-action buttons, or accentuating key information.

accent

#3CB371 - A lively, medium spring green that adds a fresh, invigorating pop, excellent for interactive elements, highlights, or graphical flourishes.

background

#556B2F - A deep, muted olive green, providing a rich, earthy, and calming backdrop that supports other vibrant greens without overwhelming them.

text

#228B22 - Against a light background, this shade ensures excellent readability. For dark backgrounds like #556B2F, use a crisp white or light grey for optimal contrast.

Accessibility notes

  • Ensure #228B22 or #008000 text on a light background has sufficient contrast.
  • Avoid using #556B2F for small text on #6B8E23, as contrast may be too low.
  • Use #3CB371 for larger text on #008000 for headings.
  • For interactive elements, ensure distinct focus states that are easily perceivable against surrounding colors.

Recommended combinations

Deep Foliage

Excellent for creating depth in illustrations or layered UI elements, moving from darkest to brightest.

#008000 · #228B22 · #3CB371

Mossy Path

Ideal for textures or subtle gradients in backgrounds, offering a softer, more organic feel.

#556B2F · #6B8E23 · #228B22

Vibrant Growth

Use for impactful calls-to-action or banners, with the bright green drawing attention against darker, grounding tones.

#3CB371 · #008000 · #556B2F

CSS variables

:root {
  --verdant-jungle-floor-1: #228B22;
  --verdant-jungle-floor-2: #3CB371;
  --verdant-jungle-floor-3: #6B8E23;
  --verdant-jungle-floor-4: #556B2F;
  --verdant-jungle-floor-5: #008000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-jungle-floor": {
        1: "#228B22",
        2: "#3CB371",
        3: "#6B8E23",
        4: "#556B2F",
        5: "#008000",
      }
    }
  }
}

Related searches

jungle green palettevibrant forest colorslush nature color schemeorganic green designrainforest floor hues

Palette colors

Hex values

Color 1#228B22
·
Color 2#3CB371
·
Color 3#6B8E23
·
Color 4#556B2F
·
Color 5#008000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.2:1Fail
1.4:1Fail
1.2:1Fail
2
1.6:1Fail
1.4:1Fail
2.2:1Fail
1.9:1Fail
3
1.2:1Fail
1.4:1Fail
1.6:1Fail
1.4:1Fail
4
1.4:1Fail
2.2:1Fail
1.6:1Fail
1.2:1Fail
5
1.2:1Fail
1.9:1Fail
1.4:1Fail
1.2:1Fail

Similar palettes

More like Verdant Jungle Floor

View all earth
Botanical Bloom Line
Botanical Leaf Veins
Botanical Sketch
Botanical Study Greens
Emerald Canopy Shroud
Enchanted Forest Lumina