Palette

Deep Forest Seclusion

A verdant array of greens, from deepest forest to luminous moss, suggesting a tranquil, secluded woodland.

darknatural5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#006400#228B22#3CB371#66CDAA#7CFC00

Palette guide

How to use Deep Forest Seclusion

Overview

The 'Deep Forest Seclusion' palette (version 1) is a verdant array of greens, transitioning from the profound depth of #006400 to the luminous moss of #7CFC00. This collection captures the essence of a tranquil, secluded woodland, offering a refreshing and lively natural feel. With classic forest green #228B22, vibrant jungle green #3CB371, and the soft, almost aqua #66CDAA, it allows designers and developers to create designs that are both grounding and invigorating. Ideal for projects that aim to convey freshness, vitality, and a deep connection to nature.

Best used for

Outdoor adventure and eco-tourism branding
Gardening and landscaping websites/apps
Spring and summer collection marketing
Healthy living and organic food blogs
Children's nature-themed educational materials
Environmental awareness campaigns

Suggested color roles

primary

#006400 provides a strong, grounding deep green, excellent for foundational elements and primary branding.

secondary

#228B22 offers a versatile mid-tone green, suitable for content blocks, navigation, or supporting visuals.

accent

#7CFC00 delivers a bright, energetic highlight, perfect for calls to action, icons, or to inject a burst of vitality.

background

Use #006400 for a deep, natural background, or #228B22 for a slightly lighter, yet still robust, base.

text

White or light grey text works best against #006400 and #228B22. For lighter colors like #66CDAA and #7CFC00, use a dark charcoal or black for optimal readability.

Accessibility notes

The highly luminous #7CFC00 requires dark text (black or very dark grey) to meet WCAG AA contrast standards.
Ensure good contrast for text on #66CDAA; dark text is generally preferred.
White text on #006400, #228B22, and #3CB371 typically offers sufficient contrast.
Avoid using #7CFC00 for large blocks of text to prevent eye strain, reserving it for accents.

Recommended combinations

Deep & Fresh

Combines the deepest green with a vibrant accent, creating a dynamic and refreshing visual impact for heroes or key features.

#006400 · #228B22 · #7CFC00

Verdant Harmony

A softer, more harmonious blend of mid-tone greens, ideal for illustrations, secondary content, or calming interfaces.

#228B22 · #3CB371 · #66CDAA

Luminous Path

Showcases the bright #7CFC00 against deep green, providing clear visual paths and energetic highlights in UI.

#006400 · #7CFC00 · #3CB371

CSS variables

:root {
  --deep-forest-seclusion-1: #006400;
  --deep-forest-seclusion-2: #228B22;
  --deep-forest-seclusion-3: #3CB371;
  --deep-forest-seclusion-4: #66CDAA;
  --deep-forest-seclusion-5: #7CFC00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-forest-seclusion": {
        1: "#006400",
        2: "#228B22",
        3: "#3CB371",
        4: "#66CDAA",
        5: "#7CFC00",
      }
    }
  }
}

Hex values

Color 1#006400

Color 2#228B22

Color 3#3CB371

Color 4#66CDAA

Color 5#7CFC00

Accessibility

Contrast checker

1.7:1Fail

2.8:1Fail

3.9:1AA18

5.6:1AA

1.7:1Fail

1.6:1Fail

2.3:1Fail

3.3:1AA18

2.8:1Fail

1.6:1Fail

1.4:1Fail

2:1Fail

3.9:1AA18

2.3:1Fail

1.4:1Fail

1.5:1Fail

5.6:1AA

3.3:1AA18

2:1Fail

1.5:1Fail

Similar palettes

More like Deep Forest Seclusion

View all dark

Ancient Canopy Soul

Elderwood Depths

Enchanted Woodland Glade

Deep Wood Ferns

Emerald Canopy Floor

Enchanted Deep Forest