Palette

Jade Forest Canopy

A serene palette inspired by the dappled light filtering through ancient forest leaves and cool, mossy ground.

EarthNatural5 colors

More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2A483E#4B6F5F#78A08F#AEC7BC#DAE5E1

Palette guide

How to use Jade Forest Canopy

Overview

The Jade Forest Canopy palette offers a serene and tranquil collection, inspired by dappled light filtering through ancient forest leaves and cool, mossy ground. Starting with the deep, mysterious #2A483E and progressing through the muted, sophisticated tones of #4B6F5F and #78A08F, this palette culminates in the soft, airy hues of #AEC7BC and #DAE5E1. It's a monochromatic-leaning green spectrum that exudes natural calm and understated elegance. This palette is perfect for designs requiring a subtle, organic, and peaceful atmosphere, offering a refined sense of depth and tranquility.

Best used for

High-end wellness and meditation apps
Sustainable fashion or eco-conscious brands
Interior design for calm, minimalist spaces
Art gallery or museum branding
Nature photography portfolios
Serene corporate branding

Suggested color roles

primary

A deep, sophisticated forest green (#2A483E), ideal for main headings, navigation, or a strong brand presence.

secondary

Offers a rich, muted green (#4B6F5F), suitable for subheadings, secondary buttons, or information panels.

accent

A softer, mid-tone green (#78A08F) that can highlight subtle details, interactive elements, or illustrative features.

background

A very light, almost off-white green (#DAE5E1), providing a clean, airy, and calming canvas.

text

Use #2A483E or a deep charcoal for body text on light backgrounds. Consider #DAE5E1 for text on darker elements.

Accessibility notes

Ensure #2A483E and #4B6F5F have sufficient contrast with #DAE5E1 and #AEC7BC for body text.
#78A08F on #AEC7BC will have low contrast; avoid this combination for small text.
The lighter shades (#AEC7BC, #DAE5E1) are generally too light for text on their own, use them for backgrounds.
Always test contrast for all text sizes and color pairings within this subtle palette.

Recommended combinations

Deep Forest

Creates a grounded, sophisticated feel, ideal for corporate or luxury applications.

#2A483E · #4B6F5F · #DAE5E1

Mossy Light

Evokes a tranquil, natural environment, suitable for wellness or nature-themed content.

#4B6F5F · #78A08F · #AEC7BC

Serene Contrast

A strong dark base with soft, complementary lighter shades, perfect for clean, elegant layouts.

#2A483E · #AEC7BC · #DAE5E1

CSS variables

:root {
  --jade-forest-canopy-3-1: #2A483E;
  --jade-forest-canopy-3-2: #4B6F5F;
  --jade-forest-canopy-3-3: #78A08F;
  --jade-forest-canopy-3-4: #AEC7BC;
  --jade-forest-canopy-3-5: #DAE5E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-forest-canopy-3": {
        1: "#2A483E",
        2: "#4B6F5F",
        3: "#78A08F",
        4: "#AEC7BC",
        5: "#DAE5E1",
      }
    }
  }
}

Hex values

Color 1#2A483E

Color 2#4B6F5F

Color 3#78A08F

Color 4#AEC7BC

Color 5#DAE5E1

Accessibility

Contrast checker

1.8:1Fail

3.4:1AA18

5.6:1AA

7.8:1AAA

1.8:1Fail

1.9:1Fail

3.1:1AA18

4.4:1AA18

3.4:1AA18

1.9:1Fail

1.6:1Fail

2.3:1Fail

5.6:1AA

3.1:1AA18

1.6:1Fail

1.4:1Fail

7.8:1AAA

4.4:1AA18

2.3:1Fail

1.4:1Fail

Similar palettes

More like Jade Forest Canopy

View all Earth

Cloud Forest Canopy

Forest Floor Mycena

Verdant Rainforest Floor

Ancient Forest Roots

Botanical Earth Ground

Botanical Green Sanctuary