Back to palettes

Palette

Deep Forest Fern

Varied greens with a hint of deep blue, inspired by the lush, cool forest floor.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#006400#228B22#3CB371#6B8E23#1E90FF

Palette guide

How to use Deep Forest Fern

Overview

The Deep Forest Fern palette captures the essence of a vibrant, lush forest floor, enriched by unexpected pops of blue. It grounds itself in classic, deep greens like #006400 and #228B22, then introduces the fresh, lively #3CB371 and the earthy #6B8E23. The striking #1E90FF (Dodger Blue) acts as a surprising, yet harmonious accent, reminiscent of clear forest streams or distant skies. This palette is ideal for designers looking to infuse projects with natural vitality, a sense of growth, and a refreshing twist. It's particularly effective for digital experiences that aim for both organic comfort and modern clarity, offering a dynamic range of natural tones.

Best used for

  • Outdoor adventure brand identities
  • Environmental conservation websites
  • Children's book illustrations
  • Wellness and active lifestyle apps
  • Garden and landscaping services branding
  • Interactive educational platforms

Suggested color roles

primary

Use #006400 as the foundational deep green for main sections or robust branding, symbolizing growth and stability.

secondary

Apply #228B22 for secondary content areas, navigation, or supporting graphics, offering a slightly lighter, rich green.

accent

Utilize #1E90FF for calls-to-action, important links, or vibrant highlights, providing a refreshing and modern contrast.

background

Employ #3CB371 as a fresh, airy background color for content, ensuring good readability and a lively feel.

text

For primary body text, use #006400 on lighter backgrounds like #3CB371 or #6B8E23 to maintain excellent readability and a natural tone.

Accessibility notes

  • Ensure #1E90FF text on #3CB371 or #6B8E23 backgrounds meets WCAG contrast standards; consider a darker blue for small text.
  • Text in #006400 offers good contrast against #3CB371 and #6B8E23, suitable for body copy.
  • Avoid using #228B22 for text on #3CB371 without careful contrast checking due to similar lightness values.
  • The bright #1E90FF should be paired with sufficiently dark text (e.g., black or #006400) when used as a background.

Recommended combinations

Forest Stream

Creates a refreshing, dynamic feel, perfect for active brands or digital interfaces needing a vibrant touch.

#006400 · #1E90FF · #3CB371

Earthy Ferns

Provides a harmonious blend of natural greens, ideal for organic branding or serene background textures.

#228B22 · #6B8E23 · #006400

Vivid Growth

Offers a lively and energetic combination, excellent for accents in a nature-themed UI or promotional graphics.

#3CB371 · #1E90FF · #006400

CSS variables

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

Tailwind config

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

Related searches

lush green blue paletteforest and water colorsnature inspired UIvibrant green color schemeearthy tones with accent

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
2:1Fail
2.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
1.2:1Fail
4
2:1Fail
1.2:1Fail
1.4:1Fail
1.2:1Fail
5
2.3:1Fail
1.4:1Fail
1.2:1Fail
1.2:1Fail

Similar palettes

More like Deep Forest Fern

View all earth
Forest Fern Canopy
Ancient Forest Hush
Ancient Forest Realm
Ancient Mossy Stone
Botanical Groundcover Greens
Deep Forest Undergrowth