Back to palettes

Palette

Shadowed Grove Depths

Shady, cool tones found beneath a dense forest canopy, rich with life and mystery.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Shadowed Grove Depths 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 Shadowed Grove Depths.

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

Data visualization

#004B49#006400#2F4F4F#3CB371#556B2F

Palette guide

How to use Shadowed Grove Depths

Overview

The Shadowed Grove Depths palette captures the lush, cool tones found beneath a dense forest canopy, brimming with life and mystery. It features a deep teal-green #004B49, a classic dark green #006400, and a profound dark slate gray #2F4F4F. These are vibrantly complemented by a brighter medium sea green #3CB371 and a muted olive-green #556B2F. This unique collection is perfect for designers and developers aiming to evoke a sense of natural tranquility, organic vitality, or a mysterious, hidden world. The diverse green and gray tones offer rich layering possibilities, allowing for both subtle depth and impactful, fresh accents.

Best used for

  • Botanical or garden-themed websites
  • Eco-tourism and outdoor adventure brands
  • Health and wellness apps
  • Nature conservation organizations
  • Organic food and beverage packaging
  • Fantasy or nature-themed digital art

Suggested color roles

primary

#004B49 or #006400 serves as a deep, immersive background for dominant UI sections, establishing a natural, calm mood.

secondary

Utilize #2F4F4F or #556B2F for content panels, cards, or subtle borders, providing grounding contrast.

accent

#3CB371 is the vibrant accent, ideal for calls to action, interactive elements, or key information that needs to stand out.

background

#004B49 for a rich, dark teal base, or #006400 for a deep forest green.

text

For dark backgrounds, a light off-white or very pale green ensures readability. On #3CB371, a dark green like #006400 works well.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing #556B2F with other dark greens.
  • #3CB371 on #004B49 or #006400 should meet WCAG AA for normal text.
  • Avoid using #556B2F or #2F4F4F for small text on backgrounds with similar lightness.
  • Carefully check contrast for all interactive elements to ensure usability.

Recommended combinations

Deep Canopy

Creates a vibrant green theme with a bright accent, ideal for lively nature-focused designs.

#004B49 · #006400 · #3CB371

Shady Path

Combines a dark gray base with earthy olive and a fresh green highlight for organic, balanced layouts.

#2F4F4F · #556B2F · #3CB371

Grove Harmony

Layers deep teal, slate gray, and olive for a sophisticated, muted natural aesthetic in content areas.

#004B49 · #2F4F4F · #556B2F

CSS variables

:root {
  --shadowed-grove-depths-1: #004B49;
  --shadowed-grove-depths-2: #006400;
  --shadowed-grove-depths-3: #2F4F4F;
  --shadowed-grove-depths-4: #3CB371;
  --shadowed-grove-depths-5: #556B2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "shadowed-grove-depths": {
        1: "#004B49",
        2: "#006400",
        3: "#2F4F4F",
        4: "#3CB371",
        5: "#556B2F",
      }
    }
  }
}

Related searches

deep green color schemenatural dark ui palettemysterious grove themelush green web designorganic nature colors

Palette colors

Hex values

Color 1#004B49
·
Color 2#006400
·
Color 3#2F4F4F
·
Color 4#3CB371
·
Color 5#556B2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.1:1Fail
3.7:1AA18
1.7:1Fail
2
1.3:1Fail
1.2:1Fail
2.8:1Fail
1.3:1Fail
3
1.1:1Fail
1.2:1Fail
3.3:1AA18
1.5:1Fail
4
3.7:1AA18
2.8:1Fail
3.3:1AA18
2.2:1Fail
5
1.7:1Fail
1.3:1Fail
1.5:1Fail
2.2:1Fail

Similar palettes

More like Shadowed Grove Depths

View all dark
Dark Forest Cloak
Dark Mystical Forest
Deep Forest Twilight
Verdant Nocturne Spell
Abyssal Reef Shadow
Ancient Forest Depths