Palette

Deep Forest Solace

Finds peace within the profound, dark greens and cooling shadows of an ancient, tranquil forest.

darkcalm5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Forest Solace 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 Deep Forest Solace.

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

Data visualization

#0A2A0A#2F4F4F#5F9EA0#9ACD32#ADFF2F

Palette guide

How to use Deep Forest Solace

Overview

The 'Deep Forest Solace' palette finds peace within a unique blend of profound forest greens, cool grey-teals, and vibrant lime accents. It features the grounding #0A2A0A, the sophisticated #2F4F4F, and the calming #5F9EA0, harmoniously contrasted by the energetic #9ACD32 and the luminous #ADFF2F. This palette offers a refreshing and modern take on nature-inspired themes, allowing designers and developers to create experiences that are both stable and lively. It's particularly effective for projects aiming to convey wellness, innovation, and a vibrant connection to the natural world.

Best used for

Wellness and holistic health brands
Eco-tourism and sustainable travel marketing
Fresh food and organic produce packaging
Modern natural product design
Youth-focused outdoor gear and apparel
Digital interfaces with a refreshing, calm aesthetic

Suggested color roles

primary

#0A2A0A serves as a deep, grounding forest green, excellent for foundational elements and primary branding.

secondary

#2F4F4F provides a cool, sophisticated grey-teal, perfect for secondary content areas or subtle dividers.

accent

#ADFF2F delivers a lively, energetic lime, ideal for calls to action, icons, or to inject a burst of fresh vitality.

background

Use #0A2A0A for a stable, natural background, or #2F4F4F for a cool, contemporary base.

text

White or light grey text works well against #0A2A0A and #2F4F4F. For #5F9EA0, #9ACD32, and #ADFF2F, use dark charcoal or black text for optimal readability.

Accessibility notes

The highly luminous #ADFF2F and #9ACD32 require dark text (black or very dark grey) to meet WCAG AA contrast standards.
Ensure sufficient contrast for text on #5F9EA0; dark text is generally preferred.
White text on #0A2A0A and #2F4F4F typically offers good contrast.
Avoid using #ADFF2F for large blocks of text to prevent eye strain, reserving it for accents or short headlines.

Recommended combinations

Earth & Sky

Creates a balanced, serene combination of deep green and cool teals, perfect for calming interfaces or natural landscapes.

#0A2A0A · #2F4F4F · #5F9EA0

Fresh Energy

Pairs the deep forest green with vibrant limes for a dynamic, energetic look, ideal for highlighting key features or calls to action.

#0A2A0A · #ADFF2F · #9ACD32

Cool & Zesty

A refreshing trio of cool teal and bright lime, suitable for modern, clean designs that need a touch of vibrancy.

#2F4F4F · #5F9EA0 · #ADFF2F

CSS variables

:root {
  --deep-forest-solace-1: #0A2A0A;
  --deep-forest-solace-2: #2F4F4F;
  --deep-forest-solace-3: #5F9EA0;
  --deep-forest-solace-4: #9ACD32;
  --deep-forest-solace-5: #ADFF2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-forest-solace": {
        1: "#0A2A0A",
        2: "#2F4F4F",
        3: "#5F9EA0",
        4: "#9ACD32",
        5: "#ADFF2F",
      }
    }
  }
}

Hex values

Color 1#0A2A0A

Color 2#2F4F4F

Color 3#5F9EA0

Color 4#9ACD32

Color 5#ADFF2F

Accessibility

Contrast checker

1.7:1Fail

5.1:1AA

8.3:1AAA

12.7:1AAA

1.7:1Fail

2.9:1Fail

4.7:1AA

7.3:1AAA

5.1:1AA

2.9:1Fail

1.6:1Fail

2.5:1Fail

8.3:1AAA

4.7:1AA

1.6:1Fail

1.5:1Fail

12.7:1AAA

7.3:1AAA

2.5:1Fail

1.5:1Fail

Similar palettes

More like Deep Forest Solace

View all dark

Dusky Forest Whispers

Whispering Pines Shade

Ancient Fern Whisper

Misty Spruce Grove

Whispering Forest Haze

Winter Evergreen Chill