Back to palettes

Palette

Jade Canopy Serene

Captures the deep, serene greens of a lush, vibrant jungle canopy bathed in soft, filtered sunlight.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1E4E30#3E7C4B#6CB17D#A2D8B3#C9EAC9

Palette guide

How to use Jade Canopy Serene

Overview

The Jade Canopy Serene palette offers a journey from deep, grounding forest greens to soft, sun-dappled hues, capturing the essence of a peaceful jungle canopy. Starting with the rich #1E4E30 and ascending to the airy #C9EAC9, this palette also features the balanced #3E7C4B, the vibrant #6CB17D, and the refreshing #A2D8B3. It's an ideal choice for designers and developers seeking to evoke growth, tranquility, and a strong connection to nature. These greens are perfect for eco-friendly branding, wellness applications, or any project that benefits from a natural, calming, and restorative aesthetic.

Best used for

  • Wellness and mindfulness apps
  • Eco-luxury product branding
  • Serene interior design concepts
  • Nature-inspired art and illustration
  • Sustainable fashion websites
  • Botanical-themed digital interfaces

Suggested color roles

primary

Use #3E7C4B for main interactive elements or prominent headings, offering a solid yet approachable feel.

secondary

Apply #6CB17D to support primary actions or secondary information, providing a refreshing contrast.

accent

Employ #1E4E30 sparingly for powerful accents or calls-to-action, grounding the design with depth.

background

The airy #C9EAC9 serves as an excellent light base, allowing the darker greens to breathe and feel expansive.

text

For body text, #1E4E30 provides strong readability against lighter backgrounds, or use a deep charcoal for versatility.

Accessibility notes

  • Ensure #1E4E30 text on #C9EAC9 background meets WCAG AA standards for general readability.
  • Verify contrast for #3E7C4B and #6CB17D when used as text on the lightest background #C9EAC9.
  • Avoid using #A2D8B3 for small text; reserve it for larger titles or decorative elements.
  • Consider providing alternative text colors for users with visual impairments if contrast is borderline.

Recommended combinations

Canopy Light

Perfect for light, airy backgrounds and supportive UI elements in wellness apps.

#C9EAC9 · #A2D8B3 · #6CB17D

Deep Forest

Ideal for sophisticated branding, creating contrast for headers and body text.

#1E4E30 · #3E7C4B · #C9EAC9

Growth Path

Excellent for infographics or progressive status indicators, showing natural progression.

#A2D8B3 · #6CB17D · #3E7C4B

CSS variables

:root {
  --jade-canopy-serene-1: #1E4E30;
  --jade-canopy-serene-2: #3E7C4B;
  --jade-canopy-serene-3: #6CB17D;
  --jade-canopy-serene-4: #A2D8B3;
  --jade-canopy-serene-5: #C9EAC9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-canopy-serene": {
        1: "#1E4E30",
        2: "#3E7C4B",
        3: "#6CB17D",
        4: "#A2D8B3",
        5: "#C9EAC9",
      }
    }
  }
}

Related searches

serene green color schemepeaceful forest palettelush jungle colorsnatural growth designcalming green website

Palette colors

Hex values

Color 1#1E4E30
·
Color 2#3E7C4B
·
Color 3#6CB17D
·
Color 4#A2D8B3
·
Color 5#C9EAC9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.8:1AA18
5.9:1AA
7.4:1AAA
2
1.9:1Fail
2:1Fail
3.1:1AA18
3.8:1AA18
3
3.8:1AA18
2:1Fail
1.6:1Fail
2:1Fail
4
5.9:1AA
3.1:1AA18
1.6:1Fail
1.2:1Fail
5
7.4:1AAA
3.8:1AA18
2:1Fail
1.2:1Fail

Similar palettes

More like Jade Canopy Serene

View all earth
Enchanted Forest Bloom
Verdant Canopy Light
Verdant Sanctuary
Ancient Jade Temple
Botanical Groundcover Greens
Botanical Leaf Veins