Back to palettes

Palette

Deep Forest Seclusion

The profound and tranquil greens of a hidden forest, evoking a sense of deep quietude.

DarkCalm5 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#6B8E23#556B2F

Palette guide

How to use Deep Forest Seclusion

Overview

The 'Deep Forest Seclusion' palette (version 2) presents a collection of profound and tranquil greens, evoking the quietude of a hidden woodland. Featuring classic forest green #006400, vibrant emerald #228B22, and lively jungle green #3CB371, it also introduces more earthy, olive-like tones with #6B8E23 and #556B2F. This rich array allows designers and developers to craft experiences that are both grounded and subtly vibrant. It's an excellent choice for projects seeking to convey natural harmony, rustic elegance, or a sense of peaceful retreat, offering depth without being overly dark.

Best used for

  • Nature-inspired product packaging
  • Spa and wellness brand identity
  • Outdoor lifestyle and camping gear websites
  • Rustic interior design themes
  • Meditation and mindfulness apps
  • Organic food and beverage branding

Suggested color roles

primary

#006400 serves as a robust and classic deep forest green, ideal for foundational elements and primary branding.

secondary

#228B22 offers a lively, yet sophisticated, supporting green, perfect for subheadings, navigation, or content sections.

accent

#3CB371 provides a brighter, almost teal-green accent, great for calls to action or to introduce a fresh dynamic. Alternatively, #6B8E23 can be a subdued, earthy accent.

background

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

text

For dark backgrounds, use white or a very light cream. For lighter greens like #3CB371 or #6B8E23, a dark charcoal or black text will ensure legibility.

Accessibility notes

  • Ensure sufficient contrast for text on mid-tones like #3CB371, #6B8E23, and #556B2F; often, dark text is required.
  • White text on #006400 and #228B22 generally provides good contrast, meeting WCAG AA standards.
  • When using #6B8E23 or #556B2F for larger text, verify readability across different screen types.
  • Avoid using similar green tones for adjacent interactive elements without clear visual separation.

Recommended combinations

Verdant Calm

A harmonious blend of classic forest greens, creating a serene and inviting primary visual theme.

#006400 · #228B22 · #3CB371

Earthy Retreat

Emphasizes the warmer, olive-toned greens, perfect for rustic or organic-focused design elements and backgrounds.

#556B2F · #6B8E23 · #228B22

Lush Contrast

Combines deep green with brighter and earthy accents for dynamic calls to action or visually distinct sections.

#006400 · #3CB371 · #6B8E23

CSS variables

:root {
  --deep-forest-seclusion-2-1: #006400;
  --deep-forest-seclusion-2-2: #228B22;
  --deep-forest-seclusion-2-3: #3CB371;
  --deep-forest-seclusion-2-4: #6B8E23;
  --deep-forest-seclusion-2-5: #556B2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-forest-seclusion-2": {
        1: "#006400",
        2: "#228B22",
        3: "#3CB371",
        4: "#6B8E23",
        5: "#556B2F",
      }
    }
  }
}

Related searches

tranquil green palettesecluded forest color schemeearthy olive green designnature-inspired brandingcalm woodland hues

Palette colors

Hex values

Color 1#006400
·
Color 2#228B22
·
Color 3#3CB371
·
Color 4#6B8E23
·
Color 5#556B2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
2:1Fail
1.3:1Fail
2
1.7:1Fail
1.6:1Fail
1.2:1Fail
1.4:1Fail
3
2.8:1Fail
1.6:1Fail
1.4:1Fail
2.2:1Fail
4
2:1Fail
1.2:1Fail
1.4:1Fail
1.6:1Fail
5
1.3:1Fail
1.4:1Fail
2.2:1Fail
1.6:1Fail

Similar palettes

More like Deep Forest Seclusion

View all Dark