Back to palettes

Palette

Emerald Forest Depths

Captures the lush, varied greens of a sun-dappled ancient forest, from dark shadows to bright leaves.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#004B49#006C67#019267#5BBE7C#A8D490

Palette guide

How to use Emerald Forest Depths

Overview

The Emerald Forest Depths palette captures the lush, varied greens of a sun-dappled ancient forest, from dark shadows to bright leaves. It features the profound #004B49, the rich #006C67, and the balanced #019267, transitioning to the lively #5BBE7C and the airy #A8D490. This palette is inherently natural and refreshing, perfect for designs that aim to convey organic beauty, tranquility, and a deep connection to untouched wilderness. It's an excellent choice for eco-conscious brands, outdoor living applications, or digital interfaces seeking a grounded, refreshing, and harmonious aesthetic with a strong emphasis on varied forest greens.

Best used for

  • Eco-friendly and sustainable branding
  • Outdoor adventure and nature tourism marketing
  • Wellness and mindful living apps
  • Landscape photography portfolios
  • Interior design for natural, calming environments
  • Digital art with serene forest themes

Suggested color roles

primary

Use #004B49 for dominant elements, headers, or backgrounds to establish depth, stability, and a strong natural foundation.

secondary

Employ #006C67 or #019267 for supporting graphics, subheadings, or interactive elements, adding richness and texture.

accent

Apply #A8D490 for subtle highlights, delicate patterns, or light interactive elements to introduce freshness and airiness.

background

Utilize #A8D490 for clean, airy backgrounds that allow the deeper greens to shine while maintaining a natural feel.

text

For body text, use a dark charcoal like #333333. For headlines on lighter backgrounds, #004B49 provides excellent readability. Use white for text on #004B49.

Accessibility notes

  • Ensure #004B49 or #006C67 text on #A8D490 meets WCAG contrast standards.
  • Avoid using #A8D490 for small text on light backgrounds; it's best for large headlines or accents.
  • The lighter greens #5BBE7C and #A8D490 may have low contrast when used together; separate them.
  • Pair #004B49 with #A8D490 for a high-contrast, accessible combination for primary content.

Recommended combinations

Deep Woods

Ideal for creating a profound, immersive feel in branding, website hero sections, or illustrations with natural textures.

#004B49 · #006C67 · #019267

Sunlit Leaves

Perfect for light UI elements, background gradients, or decorative patterns that need to convey freshness and vibrancy.

#019267 · #5BBE7C · #A8D490

Forest Contrast

Use for impactful call-to-action buttons, key highlights, or sections that require a bold yet naturally inviting visual statement.

#004B49 · #A8D490 · #5BBE7C

CSS variables

:root {
  --emerald-forest-depths-1: #004B49;
  --emerald-forest-depths-2: #006C67;
  --emerald-forest-depths-3: #019267;
  --emerald-forest-depths-4: #5BBE7C;
  --emerald-forest-depths-5: #A8D490;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-forest-depths": {
        1: "#004B49",
        2: "#006C67",
        3: "#019267",
        4: "#5BBE7C",
        5: "#A8D490",
      }
    }
  }
}

Related searches

emerald green forest palettedeep natural colorsvaried green color schemeverdant nature brandingforest depths web design

Palette colors

Hex values

Color 1#004B49
·
Color 2#006C67
·
Color 3#019267
·
Color 4#5BBE7C
·
Color 5#A8D490
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
4.3:1AA18
5.9:1AA
2
1.6:1Fail
1.6:1Fail
2.7:1Fail
3.7:1AA18
3
2.5:1Fail
1.6:1Fail
1.7:1Fail
2.4:1Fail
4
4.3:1AA18
2.7:1Fail
1.7:1Fail
1.4:1Fail
5
5.9:1AA
3.7:1AA18
2.4:1Fail
1.4:1Fail

Similar palettes

More like Emerald Forest Depths

View all earth
Enchanted Glade Dew
Rainforest Canopy Light
Verdant Canopy Glade
Verdant Canopy Light
Ancient Jade Temple
Botanical Herbarium Shade