Palette

Shadowed Pine Forest

The deep, earthy tones of a dense forest floor, shrouded in cool shadows.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Shadowed Pine Forest 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 Pine Forest.

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

Data visualization

#1A1A1A#36454F#2F4F4F#6B8E23#3CB371

Palette guide

How to use Shadowed Pine Forest

Overview

The Shadowed Pine Forest palette (1) captures the profound, earthy essence of a dense forest floor shrouded in cool shadows. Its foundation lies in the deep, near-black #1A1A1A, providing a powerful anchor. Complementary dark tones include the charcoal blue-grey #36454F and the deep teal-green #2F4F4F, creating a rich, layered backdrop. The palette truly comes alive with vibrant, natural accents: #6B8E23, a lively olive green, and #3CB371, a fresh medium sea green. This combination offers designers and developers a versatile tool for projects requiring a mysterious, organic, and visually engaging aesthetic, reminiscent of hidden woodland depths.

Best used for

Outdoor adventure and nature brands
Sustainable living and eco-conscious platforms
Nature documentary websites and portfolios
Organic product packaging design
Rustic website themes and blogs
Environmental awareness campaigns

Suggested color roles

primary

Utilize #1A1A1A as the deep, grounding black for main backgrounds or containers, establishing a strong, dark foundation.

secondary

Employ #2F4F4F for secondary sections, large graphical elements, or deep textured backgrounds, adding a subtle green depth.

accent

Apply #6B8E23 as a vibrant, natural accent for calls to action, interactive elements, or key highlights, adding a lively pop.

background

Use #36454F as a primary background color for content areas, offering a soft dark base that is easy on the eyes.

text

Pair #3CB371 with the darkest shades like #1A1A1A or #36454F for readable body text, or use a crisp near-white for optimal contrast.

Accessibility notes

Colors #6B8E23 and #3CB371 offer good contrast on #1A1A1A and #36454F for text, ensuring readability.
Avoid using #2F4F4F for small text on #36454F due to potentially low contrast; reserve for larger elements.
Ensure interactive elements using #6B8E23 or #3CB371 are clearly distinguishable from their backgrounds.
For extensive body text on very dark backgrounds, a light grey or white provides the most comfortable reading experience.

Recommended combinations

Deep Forest

Ideal for main UI elements, impactful headings, and areas needing a strong, natural presence.

#1A1A1A · #2F4F4F · #6B8E23

Natural Accent

Excellent for buttons, highlights, or secondary information, offering a refreshing contrast against darks.

#36454F · #3CB371 · #1A1A1A

Earthy Blend

Perfect for illustrations, graphic elements, or subtle gradients that evoke organic textures and vitality.

#2F4F4F · #6B8E23 · #3CB371

CSS variables

:root {
  --shadowed-pine-forest-1: #1A1A1A;
  --shadowed-pine-forest-2: #36454F;
  --shadowed-pine-forest-3: #2F4F4F;
  --shadowed-pine-forest-4: #6B8E23;
  --shadowed-pine-forest-5: #3CB371;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "shadowed-pine-forest": {
        1: "#1A1A1A",
        2: "#36454F",
        3: "#2F4F4F",
        4: "#6B8E23",
        5: "#3CB371",
      }
    }
  }
}

Hex values

Color 1#1A1A1A

Color 2#36454F

Color 3#2F4F4F

Color 4#6B8E23

Color 5#3CB371

Accessibility

Contrast checker

1.8:1Fail

1.9:1Fail

4.6:1AA

6.5:1AA

1.8:1Fail

1.1:1Fail

2.6:1Fail

3.7:1AA18

1.9:1Fail

1.1:1Fail

2.3:1Fail

3.3:1AA18

4.6:1AA

2.6:1Fail

2.3:1Fail

1.4:1Fail

6.5:1AA

3.7:1AA18

3.3:1AA18

1.4:1Fail

Similar palettes

More like Shadowed Pine Forest

View all dark

Dark Forest Canopy

Deep Forest Murmur

Deep Undergrowth Shadow

Enchanted Forest Veil

Midnight Forest Trail

Murmur Wood Shadow