Palette

Deep Forest Canopy

The shadowy, mysterious depth found beneath a thick forest canopy, where light barely penetrates.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0D1B1B#2A3D3D#4B6B6B#7CA8A8#B0D4D4

Palette guide

How to use Deep Forest Canopy

Overview

The Deep Forest Canopy palette (original) explores the shadowy, mysterious depths found beneath a thick forest canopy, where light barely penetrates. This collection offers a unique blend of muted, cool greens and greys, starting with the profound, almost black #0D1B1B. It transitions through the deep #2A3D3D and the balanced #4B6B6B, before brightening to the serene #7CA8A8 and culminating in the airy, light teal-grey of #B0D4D4. This palette is ideal for designs requiring a sophisticated, calm, or slightly enigmatic feel, perfect for conveying quiet strength or a contemplative mood. Its subtle cool tones create a refreshing ambiance.

Best used for

Minimalist design projects
Luxury home goods and textiles
Spa and relaxation applications
Digital art with a serene theme
Modern corporate branding
Eco-conscious tech startups

Suggested color roles

primary

Use #2A3D3D for main content areas and branding, conveying stability and a modern edge.

secondary

#4B6B6B is excellent for subheadings, navigation, or interactive elements, providing a soft, cool contrast.

accent

#0D1B1B can be used sparingly for impactful borders or strong text, adding deep sophistication.

background

#B0D4D4 offers a light, airy base, ensuring readability and a refreshing, open feel.

text

For light backgrounds like #B0D4D4, a deep charcoal or dark teal-grey like #0D1B1B or #2A3D3D provides excellent contrast. On darker shades, use a pure white or very light grey.

Accessibility notes

Ensure sufficient contrast when pairing #7CA8A8 text with #4B6B6B backgrounds.
White or very light text provides good readability on #0D1B1B and #2A3D3D.
Avoid using #B0D4D4 for small text on #7CA8A8 backgrounds due to potential low contrast.
Always verify contrast ratios for all text and interactive elements to meet WCAG standards.

Recommended combinations

Shaded Tranquility

Creates a deep, serene base for backgrounds and main content, establishing a calm atmosphere.

#0D1B1B · #2A3D3D · #4B6B6B

Canopy Mist

Excellent for gradients, layered elements, or conveying softness and ethereal light.

#4B6B6B · #7CA8A8 · #B0D4D4

Modern Contrast

Use the darkest for strong text, mid-tone for accents, and lightest for a clean background.

#0D1B1B · #7CA8A8 · #B0D4D4

CSS variables

:root {
  --deep-forest-canopy-1: #0D1B1B;
  --deep-forest-canopy-2: #2A3D3D;
  --deep-forest-canopy-3: #4B6B6B;
  --deep-forest-canopy-4: #7CA8A8;
  --deep-forest-canopy-5: #B0D4D4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-forest-canopy": {
        1: "#0D1B1B",
        2: "#2A3D3D",
        3: "#4B6B6B",
        4: "#7CA8A8",
        5: "#B0D4D4",
      }
    }
  }
}

Hex values

Color 1#0D1B1B

Color 2#2A3D3D

Color 3#4B6B6B

Color 4#7CA8A8

Color 5#B0D4D4

Accessibility

Contrast checker

1.5:1Fail

3:1AA18

6.7:1AA

11.1:1AAA

1.5:1Fail

2:1Fail

4.4:1AA18

7.2:1AAA

3:1AA18

2:1Fail

2.2:1Fail

3.7:1AA18

6.7:1AA

4.4:1AA18

2.2:1Fail

1.6:1Fail

11.1:1AAA

7.2:1AAA

3.7:1AA18

1.6:1Fail

Similar palettes

More like Deep Forest Canopy

View all dark

Ancient Forest Depths

Dark Forest Undergrowth

Deep Forest Verdure

Ancient Cypress Shade

Dark Forest Glade

Dark Forest Lore