Back to palettes

Palette

Jade Forest Trail

Captures the serene and ancient feeling of a forest path winding through moss-covered jade stones.

coolnatural5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Jade Forest Trail 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 Jade Forest Trail.

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

Data visualization

#2F4F4F#006400#556B2F#8FBC8F#B0E0E6

Palette guide

How to use Jade Forest Trail

Overview

The Jade Forest Trail palette captures the serene and ancient feeling of a forest path winding through moss-covered jade stones. It combines the deep, mysterious #2F4F4F (Dark Slate Gray) with the profound forest green of #006400 and the earthy olive of #556B2F. These rich, grounding tones are beautifully contrasted by the soft, natural #8FBC8F (Dark Sea Green) and the ethereal, cool blue of #B0E0E6 (Powder Blue). This palette is perfect for designs seeking to evoke tranquility, depth, and a connection to ancient nature, blending earthy greens with a hint of serene coolness.

Best used for

  • Nature documentary branding
  • Outdoor and hiking gear websites
  • Spa and wellness retreats
  • Environmental conservation initiatives
  • Historical or cultural garden design
  • Serene architectural visualizations

Suggested color roles

primary

A deep, rich forest green (#006400), ideal for establishing a strong, natural brand identity or main headings.

secondary

A sophisticated dark slate gray (#2F4F4F), perfect for subheadings, navigation, or complementary structural elements.

accent

An earthy, muted olive green (#556B2F) that adds organic texture and can highlight interactive elements or subtle details.

background

A soft, ethereal blue (#B0E0E6) that provides a calming, expansive, and slightly cool backdrop.

text

Use #006400 or #2F4F4F for body text on light backgrounds. Consider a near-white or #B0E0E6 for text on darker elements.

Accessibility notes

  • Ensure #006400 and #2F4F4F have excellent contrast with #8FBC8F and #B0E0E6 for body text.
  • #556B2F can work for text on light backgrounds but may need larger sizes if contrast is borderline.
  • Avoid using #8FBC8F or #B0E0E6 for text on each other due to low contrast.
  • Always verify contrast for all text sizes, especially for interactive elements.

Recommended combinations

Deep Forest Path

Creates a grounding yet airy feel, suitable for nature-focused branding or digital interfaces.

#006400 · #2F4F4F · #B0E0E6

Mossy Accents

Evokes organic textures and serene landscapes, great for natural product designs or illustrations.

#556B2F · #8FBC8F · #006400

Tranquil Horizon

A light, expansive background with dark, readable text and a subtle earthy accent, perfect for serene web layouts.

#B0E0E6 · #2F4F4F · #556B2F

CSS variables

:root {
  --jade-forest-trail-1: #2F4F4F;
  --jade-forest-trail-2: #006400;
  --jade-forest-trail-3: #556B2F;
  --jade-forest-trail-4: #8FBC8F;
  --jade-forest-trail-5: #B0E0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-forest-trail": {
        1: "#2F4F4F",
        2: "#006400",
        3: "#556B2F",
        4: "#8FBC8F",
        5: "#B0E0E6",
      }
    }
  }
}

Related searches

forest green and blue palettetranquil nature colorsmossy green color schemeancient forest aestheticdark green and gray palette

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#006400
·
Color 3#556B2F
·
Color 4#8FBC8F
·
Color 5#B0E0E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
4.1:1AA18
6.2:1AA
2
1.2:1Fail
1.3:1Fail
3.5:1AA18
5.2:1AA
3
1.5:1Fail
1.3:1Fail
2.8:1Fail
4.1:1AA18
4
4.1:1AA18
3.5:1AA18
2.8:1Fail
1.5:1Fail
5
6.2:1AA
5.2:1AA
4.1:1AA18
1.5:1Fail

Similar palettes

More like Jade Forest Trail

View all cool
Emerald Grove Sanctuary
Gentle Forest Stream
Mystic Woods Veil
Deep Marine Verdure
Deep Mossy Glen
Dewdrop Emerald Vine