Back to palettes

Palette

Verdant Jungle Light

A vivid array of greens, capturing the way sunlight filters through a dense jungle canopy.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1E4F28#3A7348#60965A#8FB97D#C6E0AC

Palette guide

How to use Verdant Jungle Light

Overview

The Verdant Jungle Light palette beautifully captures the essence of sunlight filtering through a dense jungle canopy, offering a vivid array of greens. From the deep, grounding #1E4F28 to the luminous #C6E0AC, this collection presents a harmonious gradient that evokes freshness, vitality, and natural illumination. The mid-tones, such as the vibrant #3A7348 and the softer #8FB97D, provide excellent versatility for creating depth and visual interest. This palette is perfect for designs aiming to convey lushness, growth, and a serene yet energetic natural feel. Designers can use these hues to craft inviting digital experiences or print materials, while developers will find them ideal for creating cohesive and appealing UI themes.

Best used for

  • Nature photography websites
  • Eco-tourism marketing materials
  • Wellness and mindfulness apps
  • Organic food product branding
  • Botanical garden signage
  • Spring/summer fashion lookbooks

Suggested color roles

primary

#1E4F28 - A deep, rich forest green, excellent for establishing a strong, natural brand identity, main headings, or foundational elements.

secondary

#3A7348 - A vibrant, energetic green that supports the primary, ideal for subheadings, call-to-action buttons, or significant graphical elements.

accent

#8FB97D - A bright, refreshing lime-green that simulates dappled sunlight, perfect for interactive elements, highlights, or subtle decorative touches.

background

#C6E0AC - A very light, almost pale olive green, creating an open and airy backdrop that promotes readability and a fresh, natural feel.

text

#1E4F28 - This deep green ensures high readability against lighter backgrounds like #C6E0AC, maintaining the lush and crisp aesthetic of the palette. For lighter text, use #C6E0AC on #1E4F28.

Accessibility notes

  • Ensure #1E4F28 text on #C6E0AC background meets WCAG AA contrast standards for optimal readability.
  • Be cautious when pairing #60965A with #8FB97D for text, as contrast might be insufficient for small fonts.
  • Use #3A7348 for larger headings or graphical elements on #C6E0AC to ensure visibility.
  • Provide clear focus indicators for interactive elements using a stark contrasting color or thicker border.

Recommended combinations

Sunlit Depths

Effective for creating depth in UI elements or illustrations, moving from darkest to brightest for contrast.

#1E4F28 · #3A7348 · #C6E0AC

Canopy Layers

Ideal for subtle background gradients or layered graphics, offering a harmonious blend of mid-tones.

#60965A · #8FB97D · #3A7348

Fresh Light

A clean and inviting layout for content, with #C6E0AC as the page background, #1E4F28 for text, and #8FB97D for accents.

#C6E0AC · #1E4F28 · #8FB97D

CSS variables

:root {
  --verdant-jungle-light-1: #1E4F28;
  --verdant-jungle-light-2: #3A7348;
  --verdant-jungle-light-3: #60965A;
  --verdant-jungle-light-4: #8FB97D;
  --verdant-jungle-light-5: #C6E0AC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-jungle-light": {
        1: "#1E4F28",
        2: "#3A7348",
        3: "#60965A",
        4: "#8FB97D",
        5: "#C6E0AC",
      }
    }
  }
}

Related searches

jungle light color schemevibrant green nature palettesun dappled forest colorslush natural designenergetic green branding

Palette colors

Hex values

Color 1#1E4F28
·
Color 2#3A7348
·
Color 3#60965A
·
Color 4#8FB97D
·
Color 5#C6E0AC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
4.3:1AA18
6.7:1AA
2
1.7:1Fail
1.6:1Fail
2.5:1Fail
3.9:1AA18
3
2.7:1Fail
1.6:1Fail
1.6:1Fail
2.4:1Fail
4
4.3:1AA18
2.5:1Fail
1.6:1Fail
1.6:1Fail
5
6.7:1AA
3.9:1AA18
2.4:1Fail
1.6:1Fail

Similar palettes

More like Verdant Jungle Light

View all earth
Rainforest Canopy
Emerald Canopy Shroud
Emerald Forest Canopy
Jungle Canopy Emerald
Jungle Canopy Glint
Lush Forest Canopy