Back to palettes

Palette

Deep Forest Emerald

Inspired by the serene, mysterious depths of an ancient forest with layers of rich, earthy greens.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Forest Emerald 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 Deep Forest Emerald.

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

Data visualization

#1E3B2F#3A5F45#6B8E23#A2CD5A#708238

Palette guide

How to use Deep Forest Emerald

Overview

The Deep Forest Emerald palette offers a serene and sophisticated blend of earthy greens, perfect for evoking a sense of nature and tranquility. Featuring a deep, grounding forest green like #1E3B2F, it transitions through rich mid-tones such as #3A5F45 and #708238, culminating in vibrant, uplifting accents like #6B8E23 and the brighter #A2CD5A. This collection is ideal for designers seeking to create organic, calming, or eco-conscious aesthetics. Its balanced harmony makes it versatile for both digital interfaces and print materials, providing a lush, natural feel that connects users to the quiet strength of a woodland environment.

Best used for

  • Nature-inspired branding and logos
  • Eco-friendly product packaging
  • Wellness and meditation app interfaces
  • Interior design mood boards
  • Sustainable fashion lines
  • Educational materials about nature

Suggested color roles

primary

Use #1E3B2F as a dominant, grounding color for large sections or foundational elements, conveying depth and stability.

secondary

Apply #3A5F45 for supporting content areas, navigation, or secondary branding elements, offering a rich, complementary tone.

accent

Incorporate #A2CD5A for calls-to-action, highlights, or interactive elements to draw attention with a fresh, vibrant pop.

background

Utilize #708238 as a soft, organic background color that provides a natural base without overwhelming other elements.

text

Employ #1E3B2F for primary body text on lighter backgrounds like #A2CD5A or #708238 to ensure strong readability and a cohesive natural feel.

Accessibility notes

  • Ensure #A2CD5A text on #6B8E23 backgrounds meets WCAG contrast standards; consider using a darker green for text.
  • Text in #1E3B2F offers excellent contrast against #A2CD5A, suitable for headlines and body copy.
  • Using #3A5F45 for text on #708238 might require careful checking for sufficient contrast, especially for small font sizes.
  • Provide sufficient contrast for all interactive elements, particularly those using #6B8E23 or #A2CD5A on darker shades.

Recommended combinations

Deep Woodland

Ideal for a sophisticated, deep forest base, excellent for corporate or luxury nature brands.

#1E3B2F · #3A5F45 · #708238

Emerald Highlight

Creates a vibrant contrast, perfect for highlighting key information or calls-to-action against a rich background.

#3A5F45 · #A2CD5A · #1E3B2F

Earthy Balance

Offers a natural, balanced feel for botanical illustrations, serene web layouts, or wellness product designs.

#6B8E23 · #708238 · #A2CD5A

CSS variables

:root {
  --deep-forest-emerald-1: #1E3B2F;
  --deep-forest-emerald-2: #3A5F45;
  --deep-forest-emerald-3: #6B8E23;
  --deep-forest-emerald-4: #A2CD5A;
  --deep-forest-emerald-5: #708238;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-forest-emerald": {
        1: "#1E3B2F",
        2: "#3A5F45",
        3: "#6B8E23",
        4: "#A2CD5A",
        5: "#708238",
      }
    }
  }
}

Related searches

deep green color schemenature inspired paletteforest branding colorsearthy greens for uiserene color combinations

Palette colors

Hex values

Color 1#1E3B2F
·
Color 2#3A5F45
·
Color 3#6B8E23
·
Color 4#A2CD5A
·
Color 5#708238
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.2:1AA18
6.6:1AA
2.9:1Fail
2
1.7:1Fail
1.9:1Fail
3.9:1AA18
1.7:1Fail
3
3.2:1AA18
1.9:1Fail
2.1:1Fail
1.1:1Fail
4
6.6:1AA
3.9:1AA18
2.1:1Fail
2.3:1Fail
5
2.9:1Fail
1.7:1Fail
1.1:1Fail
2.3:1Fail

Similar palettes

More like Deep Forest Emerald

View all earth
Lush Fern Canopy
Bamboo Serene Path
Coastal Dune Breeze
Coastal Dune Grass
Desert Sage Bloom
Emerald Canopy Hush