Back to palettes

Palette

Deep Forest Canopy

Rich, deep greens evoke the mysterious and shaded depths of a dense forest canopy.

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

#0B3A2C#2E5C4E#507D6E#739E8E#96C0AE

Palette guide

How to use Deep Forest Canopy

Overview

The Deep Forest Canopy palette (version 3) presents a refined collection of muted, sophisticated greens and teals, echoing the serene and shadowed depths of a dense forest. It opens with the profound, dark teal-green of #0B3A2C, transitioning smoothly through the rich #2E5C4E and the balanced #507D6E. The palette then lightens with the soft #739E8E, culminating in the gentle, airy green of #96C0AE. This palette is ideal for designs seeking a calming, elegant, and natural aesthetic, perfect for conveying tranquility, growth, or understated luxury. Its subtle gradient allows for harmonious and sophisticated visual arrangements.

Best used for

  • Spa and wellness brand identity
  • Sustainable living product packaging
  • Yoga studios or meditation applications
  • High-end eco-tourism marketing
  • Interior design with a natural focus
  • Artisan craft and handmade goods

Suggested color roles

primary

Use #2E5C4E for main content areas and branding, conveying calm and natural elegance.

secondary

#507D6E is excellent for subheadings, cards, or background accents, providing a soft, inviting contrast.

accent

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

background

#96C0AE offers a light, airy base, ensuring readability and a gentle, expansive feel.

text

For light backgrounds like #96C0AE, a dark teal-green like #0B3A2C or #2E5C4E provides excellent contrast. On darker shades, use a light cream or off-white like #F5F5F5.

Accessibility notes

  • Ensure sufficient contrast when pairing #739E8E text with #507D6E backgrounds.
  • White or very light text provides good readability on #0B3A2C and #2E5C4E.
  • Avoid using #96C0AE for small text on #739E8E backgrounds due to potential low contrast.
  • Always verify contrast ratios for all text and interactive elements to meet WCAG standards.

Recommended combinations

Shaded Depths

Creates a sophisticated, deep green foundation for primary content and immersive backgrounds.

#0B3A2C · #2E5C4E · #507D6E

Gentle Canopy

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

#507D6E · #739E8E · #96C0AE

Elegant Contrast

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

#0B3A2C · #739E8E · #96C0AE

CSS variables

:root {
  --deep-forest-canopy-3-1: #0B3A2C;
  --deep-forest-canopy-3-2: #2E5C4E;
  --deep-forest-canopy-3-3: #507D6E;
  --deep-forest-canopy-3-4: #739E8E;
  --deep-forest-canopy-3-5: #96C0AE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-forest-canopy-3": {
        1: "#0B3A2C",
        2: "#2E5C4E",
        3: "#507D6E",
        4: "#739E8E",
        5: "#96C0AE",
      }
    }
  }
}

Related searches

muted green palettesophisticated forest colorsserene nature brandingteal green color schemeelegant earthy design

Palette colors

Hex values

Color 1#0B3A2C
·
Color 2#2E5C4E
·
Color 3#507D6E
·
Color 4#739E8E
·
Color 5#96C0AE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
4.2:1AA18
6.3:1AA
2
1.7:1Fail
1.6:1Fail
2.5:1Fail
3.8:1AA18
3
2.7:1Fail
1.6:1Fail
1.6:1Fail
2.3:1Fail
4
4.2:1AA18
2.5:1Fail
1.6:1Fail
1.5:1Fail
5
6.3:1AA
3.8:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Deep Forest Canopy

View all dark
Dark Forest Canopy
Dark Woodland Shade
Deep Forest Murmur
Midnight Forest Trail
Murmur Wood Shadow
Shadowed Forest Realm