Back to palettes

Palette

Forest Canopy

Rich, varied greens capturing the lush, dense foliage of an ancient, vibrant forest.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#228B22#3CB371#6B8E23#556B2F#006400

Palette guide

How to use Forest Canopy

Overview

The Forest Canopy palette presents a rich and varied collection of greens, capturing the lush, dense foliage of an ancient, vibrant forest. It includes classic Forest Green (#228B22), the refreshing Medium Sea Green (#3CB371), earthy Olive Drab (#6B8E23), and the deep Dark Green (#006400). Dark Olive Green (#556B2F) adds another layer of natural depth, making this palette incredibly versatile for designs that celebrate nature, growth, and the great outdoors. Designers and developers can use these diverse greens to create dynamic and organic visuals, from robust branding to serene digital landscapes, conveying authenticity and an enduring connection to the environment.

Best used for

  • Outdoor adventure and travel companies
  • Nature education and conservation projects
  • Organic food and farm-to-table branding
  • Garden design and landscaping services
  • Environmental non-profit organizations
  • Camping and hiking gear websites

Suggested color roles

primary

Dark Green (#006400) or Forest Green (#228B22) serves as a strong, foundational color for main elements and backgrounds.

secondary

Dark Olive Green (#556B2F) and Medium Sea Green (#3CB371) offer excellent choices for supporting content, navigation, or graphical accents.

accent

Olive Drab (#6B8E23) can provide a unique, earthy highlight, or Medium Sea Green (#3CB371) for a brighter pop.

background

A deep Dark Green (#006400) provides a sophisticated, natural backdrop. For a lighter aesthetic, consider a very pale neutral outside the palette.

text

White or a very light cream offers optimal readability on the darker greens. For lighter backgrounds, use a deep charcoal or black.

Accessibility notes

  • Ensure sufficient contrast between different green hues, especially when used for text and background.
  • Medium Sea Green (#3CB371) on Olive Drab (#6B8E23) may have insufficient contrast for small text.
  • Always use a high-contrast color like white for text on #006400 or #228B22.
  • Consider using a lighter green for headings on darker green backgrounds to improve legibility.

Recommended combinations

Earthy Depths

Creates a grounded, organic feel, perfect for natural product branding or outdoor themes.

#006400 · #556B2F · #6B8E23

Fresh Foliage

Ideal for vibrant calls to action, interactive elements, or highlighting fresh content.

#228B22 · #3CB371 · #6B8E23

Canopy Contrast

Provides a strong visual hierarchy, suitable for headings or key information against a deep background.

#006400 · #3CB371 · #6B8E23

CSS variables

:root {
  --forest-canopy-4-1: #228B22;
  --forest-canopy-4-2: #3CB371;
  --forest-canopy-4-3: #6B8E23;
  --forest-canopy-4-4: #556B2F;
  --forest-canopy-4-5: #006400;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-canopy-4": {
        1: "#228B22",
        2: "#3CB371",
        3: "#6B8E23",
        4: "#556B2F",
        5: "#006400",
      }
    }
  }
}

Related searches

classic forest green palettevaried green color schemeoutdoor branding colorsnatural park aestheticdeep green shades design

Palette colors

Hex values

Color 1#228B22
·
Color 2#3CB371
·
Color 3#6B8E23
·
Color 4#556B2F
·
Color 5#006400
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.2:1Fail
1.4:1Fail
1.7:1Fail
2
1.6:1Fail
1.4:1Fail
2.2:1Fail
2.8:1Fail
3
1.2:1Fail
1.4:1Fail
1.6:1Fail
2:1Fail
4
1.4:1Fail
2.2:1Fail
1.6:1Fail
1.3:1Fail
5
1.7:1Fail
2.8:1Fail
2:1Fail
1.3:1Fail

Similar palettes

More like Forest Canopy

View all earth
Enchanted Forest Lumina
Forest Canopy Echoes
Forest Fern Canopy
Forest Whisper Canopy
Mossy Glen
Sylvan Path Wander