Back to palettes

Palette

Shadowed Pine Forest

Deep greens and shadowy greys mimic the dense, mysterious atmosphere of an ancient pine forest.

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

#2B3D2B#4A5C4A#6A7B6A#8A9A8A#AEAEAE

Palette guide

How to use Shadowed Pine Forest

Overview

The Shadowed Pine Forest palette (2) evokes the serene yet mysterious atmosphere of a dense woodland, featuring deep, muted greens and shadowy greys. The grounding #2B3D2B, a rich forest green, sets a natural and earthy tone, beautifully complemented by the slightly lighter #4A5C4A. The palette transitions smoothly through #6A7B6A and #8A9A8A, offering versatile mid-tones, before reaching the soft, misty grey of #AEAEAE. This collection is perfect for designers and developers aiming to create a sense of tranquility, natural elegance, and understated depth in their projects, reflecting the quiet beauty of an ancient forest.

Best used for

  • Eco-friendly and sustainable brand identity
  • Nature-themed websites and blogs
  • Outdoor apparel and gear design
  • Fantasy game environments and concept art
  • Rustic or cabin-inspired interior design
  • Environmental education platforms

Suggested color roles

primary

Utilize #2B3D2B as the foundational dark forest green for backgrounds or main sections, establishing a deep, natural base.

secondary

Employ #4A5C4A for secondary content areas, headers, or large graphical elements, providing a softer green layer.

accent

Apply #8A9A8A as a subtle, misty accent for highlights, interactive elements, or delicate UI details, offering a gentle contrast.

background

Use #2B3D2B for darker backgrounds or #4A5C4A for a slightly lighter, yet still deep, content area background.

text

Pair #AEAEAE with the darkest greens like #2B3D2B for clear body text, or use a very dark charcoal for text on lighter green shades.

Accessibility notes

  • Text in #8A9A8A on #6A7B6A might have low contrast; use for decorative elements or larger headings, checking readability.
  • Ensure #AEAEAE text on #2B3D2B meets WCAG AA standards for body text to guarantee legibility.
  • For optimal readability on lighter greens such as #6A7B6A, use a darker shade like #2B3D2B for text.
  • Interactive elements should clearly stand out, potentially using #AEAEAE as a highlight on a darker green background.

Recommended combinations

Forest Depth

Ideal for main sections, primary text, and subtle highlights, creating a rich, natural interface.

#2B3D2B · #4A5C4A · #AEAEAE

Misty Accents

Excellent for secondary information, borders, or decorative elements that require a softer touch.

#6A7B6A · #8A9A8A · #2B3D2B

Natural Gradient

Perfect for atmospheric background textures, subtle hover effects, or illustrative components.

#4A5C4A · #6A7B6A · #8A9A8A

CSS variables

:root {
  --shadowed-pine-forest-2-1: #2B3D2B;
  --shadowed-pine-forest-2-2: #4A5C4A;
  --shadowed-pine-forest-2-3: #6A7B6A;
  --shadowed-pine-forest-2-4: #8A9A8A;
  --shadowed-pine-forest-2-5: #AEAEAE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "shadowed-pine-forest-2": {
        1: "#2B3D2B",
        2: "#4A5C4A",
        3: "#6A7B6A",
        4: "#8A9A8A",
        5: "#AEAEAE",
      }
    }
  }
}

Related searches

dark green color paletteforest aesthetic colorsevergreen branding designmoody nature paletteshades of pine green

Palette colors

Hex values

Color 1#2B3D2B
·
Color 2#4A5C4A
·
Color 3#6A7B6A
·
Color 4#8A9A8A
·
Color 5#AEAEAE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
3.9:1AA18
5.2:1AA
2
1.6:1Fail
1.6:1Fail
2.4:1Fail
3.2:1AA18
3
2.6:1Fail
1.6:1Fail
1.5:1Fail
2:1Fail
4
3.9:1AA18
2.4:1Fail
1.5:1Fail
1.3:1Fail
5
5.2:1AA
3.2:1AA18
2:1Fail
1.3:1Fail

Similar palettes

More like Shadowed Pine Forest

View all dark
Enchanted Gloom Nook
Ancient Forest Depths
Dark Forest Glade
Dark Forest Lore
Dark Forest Undergrowth
Deep Forest Canopy