Palette

Forest Canopy Light

Captures the dappled sunlight filtering through a rich, vibrant forest canopy.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#228B22#3CB371#6B8E23#A0522D#F5DEB3

Palette guide

How to use Forest Canopy Light

Overview

The Forest Canopy Light palette beautifully captures the dappled sunlight filtering through a rich, vibrant forest canopy. This unique combination features classic Forest Green (#228B22) and refreshing Medium Sea Green (#3CB371), alongside an earthy Olive Drab (#6B8E23). What truly sets this palette apart are the warm additions of Sienna (#A0522D) and the soft, inviting Moccasin (#F5DEB3), reminiscent of sun-kissed earth and glowing light. Designers and developers can leverage this palette to create visuals that are both natural and warm, evoking a sense of rustic charm, peace, and natural abundance. It's ideal for projects aiming for an authentic, grounded, and subtly illuminated aesthetic.

Best used for

Rustic and natural home decor brands
Artisanal food and craft product packaging
Autumnal and harvest festival marketing
Natural skincare and beauty product lines
Cozy cafe or restaurant branding
Nature photography and outdoor lifestyle blogs

Suggested color roles

primary

Forest Green (#228B22) serves as a strong, natural base for main content areas or brand identities.

secondary

Sienna (#A0522D) provides a warm, earthy counterpoint, excellent for supporting elements or rich textures.

accent

Moccasin (#F5DEB3) acts as a luminous accent, perfect for highlights, backgrounds, or calls to action, bringing light to the palette.

background

Moccasin (#F5DEB3) offers a warm, inviting, and light background. Forest Green (#228B22) creates a deep, natural, and dramatic backdrop.

text

On Moccasin (#F5DEB3), use a deep brown or black for optimal readability. For darker greens or Sienna, white or a very pale cream is recommended.

Accessibility notes

Ensure sufficient contrast when pairing Sienna (#A0522D) with Olive Drab (#6B8E23) for text.
Forest Green (#228B22) provides excellent contrast for white text.
Text on Moccasin (#F5DEB3) should be dark (e.g., #228B22 or black) to ensure readability.
Avoid using #6B8E23 directly on #A0522D for small text due to potential low contrast.

Recommended combinations

Sunlit Earth

Creates a warm, inviting feel, perfect for rustic themes or highlighting natural ingredients.

#A0522D · #F5DEB3 · #228B22

Forest Floor

Ideal for depth and texture, great for backgrounds or layered graphical elements.

#228B22 · #6B8E23 · #A0522D

Bright Canopy

Use the bright green against the light cream for fresh accents or calls to action.

#3CB371 · #F5DEB3 · #6B8E23

CSS variables

:root {
  --forest-canopy-light-2-1: #228B22;
  --forest-canopy-light-2-2: #3CB371;
  --forest-canopy-light-2-3: #6B8E23;
  --forest-canopy-light-2-4: #A0522D;
  --forest-canopy-light-2-5: #F5DEB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-canopy-light-2": {
        1: "#228B22",
        2: "#3CB371",
        3: "#6B8E23",
        4: "#A0522D",
        5: "#F5DEB3",
      }
    }
  }
}

Hex values

Color 1#228B22

Color 2#3CB371

Color 3#6B8E23

Color 4#A0522D

Color 5#F5DEB3

Accessibility

Contrast checker

1.6:1Fail

1.2:1Fail

1.3:1Fail

3.3:1AA18

1.6:1Fail

1.4:1Fail

2.1:1Fail

2:1Fail

1.2:1Fail

1.4:1Fail

1.5:1Fail

2.9:1Fail

1.3:1Fail

2.1:1Fail

1.5:1Fail

4.3:1AA18

3.3:1AA18

2:1Fail

2.9:1Fail

4.3:1AA18

Similar palettes

More like Forest Canopy Light

Botanical Groundcover Greens

Deep Forest Fern

Deep Forest Undergrowth