Back to palettes

Palette

Rainforest Shaded Path

Deep, mysterious greens and vibrant accents evoke the dense, shadowed beauty of a hidden rainforest pathway.

darknatural5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rainforest Shaded Path 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 Rainforest Shaded Path.

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

Data visualization

#003300#004D00#006600#3CB371#98FB98

Palette guide

How to use Rainforest Shaded Path

Overview

The Rainforest Shaded Path palette offers a journey into the deep, mysterious greens of a dense, untouched forest, accented by vibrant bursts of light. This collection, featuring profound shades like #003300 and #004D00, creates an atmospheric foundation. Mid-tone #006600 provides depth, while the lively #3CB371 and luminous #98FB98 introduce a striking contrast, mimicking sunlight filtering through the canopy. Designers and developers can leverage this palette to craft sophisticated, immersive experiences, perfect for projects requiring a sense of natural mystery, luxury, or profound depth.

Best used for

  • Luxury eco-tourism branding
  • Gaming environments and fantasy world design
  • Sophisticated web and app dark modes
  • Nature documentaries and cinematic visuals
  • High-end product packaging and labels
  • Ambient lighting design concepts

Suggested color roles

primary

Establish #003300 as the core deep green for backgrounds, primary sections, or dominant branding elements, providing gravitas.

secondary

Use #006600 for supporting panels, sidebars, or secondary visual groupings, maintaining the rich, forest aesthetic.

accent

Deploy #98FB98 sparingly for vital calls to action, glowing highlights, or illustrative details, ensuring maximum impact.

background

Apply #004D00 for a consistent, dark yet rich background, allowing lighter elements and text to stand out effectively.

text

For optimal readability on dark backgrounds, use #3CB371 for headings and subtext, or a bright white/cream for body copy.

Accessibility notes

  • Ensure very high contrast when using light text on the darkest greens like #003300 or #004D00.
  • Avoid using #98FB98 for small text on similarly light backgrounds; it's best for accents or larger type.
  • When placing #3CB371 text on #006600, verify contrast ratios to ensure readability for all users.
  • Consider providing a light mode alternative if the primary design relies heavily on dark backgrounds and vibrant accents.

Recommended combinations

Deep Forest

Creates a sense of profound depth and lushness, ideal for backgrounds or immersive visual fields.

#003300 · #004D00 · #006600

Canopy Light

Highlights the vibrant contrast of light piercing through darkness, perfect for focal points or interactive elements.

#003300 · #98FB98 · #3CB371

Shaded Path

Offers a balanced progression from mid-dark to bright, suitable for layered designs or subtle gradients.

#006600 · #3CB371 · #98FB98

CSS variables

:root {
  --rainforest-shaded-path-1: #003300;
  --rainforest-shaded-path-2: #004D00;
  --rainforest-shaded-path-3: #006600;
  --rainforest-shaded-path-4: #3CB371;
  --rainforest-shaded-path-5: #98FB98;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainforest-shaded-path": {
        1: "#003300",
        2: "#004D00",
        3: "#006600",
        4: "#3CB371",
        5: "#98FB98",
      }
    }
  }
}

Related searches

dark green color palettemysterious forest colorslush jungle design schemedeep emerald accentsnature inspired dark mode

Palette colors

Hex values

Color 1#003300
·
Color 2#004D00
·
Color 3#006600
·
Color 4#3CB371
·
Color 5#98FB98
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
5.3:1AA
11.3:1AAA
2
1.4:1Fail
1.4:1Fail
3.8:1AA18
8:1AAA
3
2:1Fail
1.4:1Fail
2.7:1Fail
5.7:1AA
4
5.3:1AA
3.8:1AA18
2.7:1Fail
2.1:1Fail
5
11.3:1AAA
8:1AAA
5.7:1AA
2.1:1Fail

Similar palettes

More like Rainforest Shaded Path

View all dark
Enchanted Forest Canopy
Ancient Canopy Soul
Ancient Grove Hues
Ancient Wood Realm
Deep Forest Seclusion
Elderwood Depths