Back to palettes

Palette

Charred Pine Forest

Deep, mysterious greens and grays that capture the somber beauty of a forest touched by an ancient fire.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2C3E50#4A6F7B#81A6A0#D9E3DA#1C2833

Palette guide

How to use Charred Pine Forest

Overview

The Charred Pine Forest palette captures the somber beauty of a forest touched by an ancient fire, combining deep, mysterious greens and greys. This collection features grounding tones like #1C2833 and #2C3E50, complemented by forest greens such as #4A6F7B and #81A6A0, and a muted, airy #D9E3DA. For designers and developers, this palette offers a unique blend of cool, deep neutrals and earthy greens, perfect for projects that require a sense of resilience, natural depth, or quiet strength. It provides a strong, authoritative foundation, ideal for branding or interfaces that aim to convey environmental consciousness or a connection to raw, untamed nature.

Best used for

  • Outdoor adventure and eco-tourism branding
  • Environmental conservation websites
  • Rustic or cabin-themed interior design
  • Documentaries about nature or survival
  • Men's outdoor apparel and gear
  • Photography focusing on landscapes and wilderness

Suggested color roles

primary

Utilize #1C2833 as the foundational color for main backgrounds, navigation, and primary branding elements.

secondary

Employ #2C3E50 for major content blocks, prominent headers, or to provide subtle visual separation.

accent

Apply #81A6A0 for subtle interactive elements, borders, or to highlight secondary information with a touch of natural green.

background

Choose #1C2833 or #2C3E50 for a deep, mysterious background, or #D9E3DA for lighter, spacious sections.

text

For dark backgrounds, use #D9E3DA or #81A6A0 for excellent readability. On light backgrounds like #D9E3DA, #1C2833 is ideal for all text.

Accessibility notes

  • Ensure #D9E3DA text on #1C2833 background meets WCAG contrast standards for body text.
  • Avoid using #4A6F7B text on #81A6A0 backgrounds for small text, as contrast may be insufficient.
  • Use #2C3E50 for headings and important information on #D9E3DA backgrounds for strong readability.
  • Test interactive elements with #81A6A0 against adjacent darker tones to ensure sufficient visual distinction.

Recommended combinations

Forest Depths

Ideal for main content areas: deep background, light text, and a slightly lighter dark for subheadings.

#1C2833 · #D9E3DA · #2C3E50

Pine Layers

Create subtle layered effects in UI cards, panels, or background patterns, mimicking forest textures.

#2C3E50 · #4A6F7B · #81A6A0

Wilderness Contrast

Use #1C2833 for strong visual elements on a #D9E3DA canvas, with #4A6F7B for delicate details or lines.

#D9E3DA · #1C2833 · #4A6F7B

CSS variables

:root {
  --charred-pine-forest-1: #2C3E50;
  --charred-pine-forest-2: #4A6F7B;
  --charred-pine-forest-3: #81A6A0;
  --charred-pine-forest-4: #D9E3DA;
  --charred-pine-forest-5: #1C2833;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "charred-pine-forest": {
        1: "#2C3E50",
        2: "#4A6F7B",
        3: "#81A6A0",
        4: "#D9E3DA",
        5: "#1C2833",
      }
    }
  }
}

Related searches

charred forest color palettedark pine green greymoody nature colorseco-friendly dark brandingwilderness inspired palette

Palette colors

Hex values

Color 1#2C3E50
·
Color 2#4A6F7B
·
Color 3#81A6A0
·
Color 4#D9E3DA
·
Color 5#1C2833
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4.1:1AA18
8.3:1AAA
1.4:1Fail
2
2:1Fail
2.1:1Fail
4.1:1AA18
2.7:1Fail
3
4.1:1AA18
2.1:1Fail
2:1Fail
5.6:1AA
4
8.3:1AAA
4.1:1AA18
2:1Fail
11.4:1AAA
5
1.4:1Fail
2.7:1Fail
5.6:1AA
11.4:1AAA

Similar palettes

More like Charred Pine Forest

View all dark
Acid Rain Gloom
City Puddle Reflection
Deep Forest Verdure
Enchanted Gloom Nook
Frosted Forest Berries
Moonlit Pine Shadows