Palette

Jade Forest Canopy

Lush greens, from deep jade to gentle mint, evoke a tranquil and serene forest under a peaceful sky.

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

#3CB371#6B8E23#8FBC8F#90EE90#C8E6C9

Palette guide

How to use Jade Forest Canopy

Overview

The Jade Forest Canopy palette offers a tranquil and serene collection of lush greens, from deep jade to gentle mint, evoking a peaceful forest under a calm sky. Featuring the refreshing #3CB371 (Medium Sea Green) and the distinctive olive-green of #6B8E23, it transitions smoothly to the softer tones of #8FBC8F (Dark Sea Green), #90EE90 (Light Green), and the airy #C8E6C9. This palette is perfect for designs that aim to convey natural harmony, calmness, and freshness, providing a versatile range for creating inviting and serene visual experiences with an organic touch.

Best used for

Eco-conscious brand identity
Wellness and mindfulness applications
Nature-themed educational materials
Botanical and garden design websites
Sustainable lifestyle blogs
Gentle cosmetic or skincare packaging

Suggested color roles

primary

A vibrant yet balanced jade green (#3CB371), excellent for main headings, call-to-action buttons, or primary brand elements.

secondary

A unique, earthy olive-green (#6B8E23), suitable for subheadings, navigation accents, or complementary sections.

accent

A bright, fresh light green (#90EE90) that brings energy and highlights interactive elements or key information.

background

A very soft, pale mint green (#C8E6C9), providing a clean, gentle, and calming backdrop.

text

Use #3CB371 or a dark charcoal for body text on light backgrounds. Consider #C8E6C9 for text on darker elements.

Accessibility notes

Ensure #3CB371 and #6B8E23 provide sufficient contrast against #C8E6C9 for body text.
#90EE90 and #8FBC8F are too light for small text on #C8E6C9; use for larger headings or accents.
Avoid using #C8E6C9 for text on #90EE90 or #8FBC8F due to low contrast.
Always check contrast ratios for all text sizes and color pairings within this palette.

Recommended combinations

Fresh Harmony

Creates a clean and serene aesthetic, ideal for health-related or natural product designs.

#3CB371 · #8FBC8F · #C8E6C9

Earthy Vibrance

Combines grounded tones with a lively accent, great for outdoor or eco-friendly themes.

#6B8E23 · #90EE90 · #3CB371

Gentle Contrast

A strong primary with a very light background and a soft secondary, suitable for readable UI.

#3CB371 · #C8E6C9 · #8FBC8F

CSS variables

:root {
  --jade-forest-canopy-1: #3CB371;
  --jade-forest-canopy-2: #6B8E23;
  --jade-forest-canopy-3: #8FBC8F;
  --jade-forest-canopy-4: #90EE90;
  --jade-forest-canopy-5: #C8E6C9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-forest-canopy": {
        1: "#3CB371",
        2: "#6B8E23",
        3: "#8FBC8F",
        4: "#90EE90",
        5: "#C8E6C9",
      }
    }
  }
}

Hex values

Color 1#3CB371

Color 2#6B8E23

Color 3#8FBC8F

Color 4#90EE90

Color 5#C8E6C9

Accessibility

Contrast checker

1.4:1Fail

1.2:1Fail

1.9:1Fail

2:1Fail

1.4:1Fail

1.8:1Fail

2.7:1Fail

2.8:1Fail

1.2:1Fail

1.8:1Fail

1.5:1Fail

1.6:1Fail

1.9:1Fail

2.7:1Fail

1.5:1Fail

1.1:1Fail

2:1Fail

2.8:1Fail

1.6:1Fail

1.1:1Fail

Similar palettes

More like Jade Forest Canopy