Back to palettes

Palette

Conifer Shadow

Deep, hushed greens and blues that conjure the solemn, peaceful shadows within a dense pine forest.

darknatural5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Conifer Shadow 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 Conifer Shadow.

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

Data visualization

#0A2A2A#2F4F4F#5F9EA0#1E3B3B#4A6D6D

Palette guide

How to use Conifer Shadow

Overview

The Conifer Shadow palette captures the deep, tranquil essence of a dense forest, offering a sophisticated blend of dark greens and blues. With rich tones like #0A2A2A and #1E3B3B, it provides a solid, grounding foundation, while #2F4F4F and #4A6D6D introduce subtle variations of forest green. The lighter #5F9EA0 acts as a refreshing counterpoint, mimicking filtered light. This palette is ideal for designers and developers aiming to create a sense of calm, natural elegance, and understated luxury. Its profound depth and serene quality make it suitable for projects requiring a mature and contemplative aesthetic.

Best used for

  • Luxury nature-themed brand identities
  • Environmental or conservation organization websites
  • High-end spa or wellness retreat branding
  • Interior design inspiration platforms
  • Photography portfolios (especially landscape)
  • Premium menswear fashion websites

Suggested color roles

primary

Use #0A2A2A as the dominant dark base for sophisticated backgrounds or main content areas.

secondary

Incorporate #2F4F4F for secondary sections, navigation, or subtle textural elements.

accent

Employ #5F9EA0 sparingly as an accent for highlights, calls-to-action, or interactive states.

background

A deep #1E3B3B works well for dark mode interfaces or immersive background visuals.

text

For optimal readability, use a crisp white (#FFFFFF) or light grey text on these dark colors.

Accessibility notes

  • Ensure light text (white or light grey) is used on all dark background colors for readability.
  • The lighter #5F9EA0 provides better contrast for darker text, but still check WCAG guidelines.
  • Avoid using dark text on #4A6D6D or #2F4F4F as contrast will likely be insufficient.
  • Provide clear visual cues for interactive elements, possibly with a subtle border in #5F9EA0.

Recommended combinations

Deep Forest

Excellent for creating a strong, immersive dark mode experience or sophisticated branding.

#0A2A2A · #2F4F4F · #5F9EA0

Filtered Light

Use for contrasting sections, highlighting key information, or subtle gradients.

#1E3B3B · #5F9EA0 · #2F4F4F

Woodland Gradient

Ideal for natural-themed illustrations, background textures, or layered UI elements.

#2F4F4F · #4A6D6D · #5F9EA0

CSS variables

:root {
  --conifer-shadow-1: #0A2A2A;
  --conifer-shadow-2: #2F4F4F;
  --conifer-shadow-3: #5F9EA0;
  --conifer-shadow-4: #1E3B3B;
  --conifer-shadow-5: #4A6D6D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "conifer-shadow": {
        1: "#0A2A2A",
        2: "#2F4F4F",
        3: "#5F9EA0",
        4: "#1E3B3B",
        5: "#4A6D6D",
      }
    }
  }
}

Related searches

deep forest green color palettecalm natural dark colorssophisticated woodland hex codesgreen blue moody paletteconifer inspired design colors

Palette colors

Hex values

Color 1#0A2A2A
·
Color 2#2F4F4F
·
Color 3#5F9EA0
·
Color 4#1E3B3B
·
Color 5#4A6D6D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
5:1AA
1.3:1Fail
2.7:1Fail
2
1.7:1Fail
2.9:1Fail
1.3:1Fail
1.6:1Fail
3
5:1AA
2.9:1Fail
3.9:1AA18
1.9:1Fail
4
1.3:1Fail
1.3:1Fail
3.9:1AA18
2.1:1Fail
5
2.7:1Fail
1.6:1Fail
1.9:1Fail
2.1:1Fail

Similar palettes

More like Conifer Shadow

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