Palette

Verdant Jungle Fringe

Lush greens of a vibrant forest, from bright fern fronds to the deep canopy shade.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D0E0C8#9AB98B#688B58#45673E#2A4B29

Palette guide

How to use Verdant Jungle Fringe

Overview

The Verdant Jungle Fringe palette captures the nuanced greens found at the edge of a lush forest, where bright fern fronds meet the deep shade of the canopy. This gradient-rich collection moves from the soft, almost pale #D0E0C8 to the profound #2A4B29, offering a sophisticated and natural progression of hues. The mid-tones, like the muted #9AB98B and the earthy #688B58, provide excellent versatility for creating depth and visual interest. This palette is perfect for designs that aim to convey freshness, organic elegance, and a sense of peaceful growth. Designers will find it ideal for crafting harmonious visuals, while developers can easily implement these hex codes for cohesive and inviting user interfaces.

Best used for

Botanical product packaging
Eco-friendly home decor branding
Serene spa or wellness retreat websites
Nature-inspired wedding stationery
Sustainable lifestyle blogs
Garden design portfolios

Suggested color roles

primary

#2A4B29 - A deep, rich forest green, providing a strong, elegant foundation for branding, main headings, or substantial UI elements.

secondary

#45673E - A slightly lighter, earthy green that perfectly complements the primary, suitable for subheadings, navigation, or supporting graphics.

accent

#9AB98B - A gentle, muted sage green that offers a soft touch of freshness, ideal for interactive elements, highlights, or subtle decorative patterns.

background

#D0E0C8 - A very light, almost creamy green, creating an airy and calming canvas that enhances readability and maintains the palette's natural feel.

text

#2A4B29 - This deep green offers excellent contrast against the light #D0E0C8 background, ensuring readability for body text and maintaining a sophisticated, natural aesthetic.

Accessibility notes

Ensure #2A4B29 text on #D0E0C8 background meets WCAG AA contrast for body text.
Avoid using #9AB98B or #688B58 for small text on #D0E0C8 due to potential low contrast.
Use #45673E for larger headings on #D0E0C8, but verify readability for smaller sizes.
For interactive elements, use distinct hover and focus states that provide clear visual feedback.

Recommended combinations

Forest Depths

Effective for creating a strong brand presence, with the darkest green as primary and the lightest for clean text.

#2A4B29 · #45673E · #D0E0C8

Leafy Greens

Ideal for subtle background patterns, infographics, or sections requiring a soft, harmonious blend of greens.

#9AB98B · #688B58 · #45673E

Fresh Canopy

A clean and readable layout for content, with #D0E0C8 as the page background, #2A4B29 for text, and #9AB98B for links.

#D0E0C8 · #2A4B29 · #9AB98B

CSS variables

:root {
  --verdant-jungle-fringe-1: #D0E0C8;
  --verdant-jungle-fringe-2: #9AB98B;
  --verdant-jungle-fringe-3: #688B58;
  --verdant-jungle-fringe-4: #45673E;
  --verdant-jungle-fringe-5: #2A4B29;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-jungle-fringe": {
        1: "#D0E0C8",
        2: "#9AB98B",
        3: "#688B58",
        4: "#45673E",
        5: "#2A4B29",
      }
    }
  }
}

Hex values

Color 1#D0E0C8

Color 2#9AB98B

Color 3#688B58

Color 4#45673E

Color 5#2A4B29

Accessibility

Contrast checker

1.6:1Fail

2.8:1Fail

4.7:1AA

7.1:1AAA

1.6:1Fail

1.8:1Fail

3:1Fail

4.5:1AA

2.8:1Fail

1.8:1Fail

1.7:1Fail

2.5:1Fail

4.7:1AA

3:1Fail

1.7:1Fail

1.5:1Fail

7.1:1AAA

4.5:1AA

2.5:1Fail

1.5:1Fail

Similar palettes

More like Verdant Jungle Fringe

View all earth

Verdant Canopy

Emerald Canopy Shroud

Emerald Moss Canopy

Forest Fern Canopy

Jade Canopy Gaze

Jungle Canopy Emerald