Back to palettes

Palette

Forest Canopy Shade

The varying greens of sunlight filtering through a dense forest canopy, with cool, shaded spots.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#ADD8E6#AFEE90#6B8E23#3CB371#2E8B57

Palette guide

How to use Forest Canopy Shade

Overview

The Forest Canopy Shade palette beautifully captures the dynamic interplay of sunlight filtering through dense foliage, creating cool, shaded spots. This palette combines a refreshing light blue, #ADD8E6, with vibrant and earthy greens like #AFEE90, #6B8E23, #3CB371, and #2E8B57. It's an excellent choice for designers looking to evoke a sense of natural vitality, freshness, and the gentle coolness of a shaded woodland. The blend of cool and warm greens, accented by the soft blue, allows for versatile applications, creating designs that feel both invigorating and tranquil, reminiscent of a peaceful forest walk.

Best used for

  • Outdoor adventure and exploration brands
  • Children's nature education materials
  • Whimsical forest-themed illustrations
  • Eco-friendly product packaging designs
  • Spring and early summer fashion collections
  • Nature-inspired digital art and web graphics

Suggested color roles

primary

Use #2E8B57 or #3CB371 for main brand elements, headlines, or primary call-to-action buttons, conveying vitality and depth.

secondary

Apply #6B8E23 or #AFEE90 for supporting content, subheadings, or secondary navigation, adding an earthy yet fresh feel.

accent

Reserve #ADD8E6 for subtle highlights, clean backgrounds, or graphic elements that need a touch of airy lightness.

background

The light blue #ADD8E6 serves as an excellent, refreshing background, providing a cool foundation for other colors.

text

For body text, use a dark green like #2E8B57 or #3CB371, or a standard charcoal, ensuring strong contrast against lighter backgrounds.

Accessibility notes

  • Ensure adequate contrast when placing text on #ADD8E6 or #AFEE90; dark greens or black are highly recommended.
  • Verify that #6B8E23 has sufficient contrast against lighter backgrounds when used for text or interactive elements.
  • Avoid using light text on #AFEE90 without rigorous contrast checking to ensure readability.
  • Consider the visual impact of #ADD8E6 as a background; ensure it doesn't overwhelm foreground elements.

Recommended combinations

Shaded Greens

Creates a rich, layered green foundation, perfect for main content areas or brand logos, conveying depth.

#2E8B57 · #3CB371 · #6B8E23

Bright Highlights

Ideal for header sections or feature blocks, using the light blue and green to create an open, airy feel with a vibrant anchor.

#ADD8E6 · #AFEE90 · #3CB371

Earthy & Fresh

A balanced combination for infographics or product descriptions, blending earthy tones with fresh, lively greens.

#6B8E23 · #3CB371 · #AFEE90

CSS variables

:root {
  --forest-canopy-shade-1: #ADD8E6;
  --forest-canopy-shade-2: #AFEE90;
  --forest-canopy-shade-3: #6B8E23;
  --forest-canopy-shade-4: #3CB371;
  --forest-canopy-shade-5: #2E8B57;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-canopy-shade": {
        1: "#ADD8E6",
        2: "#AFEE90",
        3: "#6B8E23",
        4: "#3CB371",
        5: "#2E8B57",
      }
    }
  }
}

Related searches

forest shade colorslight blue green palettewoodland nature themevibrant green accentscool forest scheme

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#AFEE90
·
Color 3#6B8E23
·
Color 4#3CB371
·
Color 5#2E8B57
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2.5:1Fail
1.7:1Fail
2.8:1Fail
2
1.1:1Fail
2.8:1Fail
2:1Fail
3.1:1AA18
3
2.5:1Fail
2.8:1Fail
1.4:1Fail
1.1:1Fail
4
1.7:1Fail
2:1Fail
1.4:1Fail
1.6:1Fail
5
2.8:1Fail
3.1:1AA18
1.1:1Fail
1.6:1Fail

Similar palettes

More like Forest Canopy Shade

View all earth
Mossy Hollow Path
Mythic Forest Spirits
Verdant Canopy Light
Ancient Jade Temple
Deep Forest Emerald
Dusky Woodland Trail