Back to palettes

Palette

Jungle Canopy Splash

Captures the lively, rich greens of a dense tropical rainforest canopy after rain.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Jungle Canopy Splash 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 Jungle Canopy Splash.

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

Data visualization

#3A7851#7FC6A4#BFD8C0#1D543B#5BA36C

Palette guide

How to use Jungle Canopy Splash

Overview

The Jungle Canopy Splash palette captures the lively, rich greens of a dense tropical rainforest canopy after a refreshing rain. Featuring shades from deep #1D543B to the airy #BFD8C0, with balanced tones like #3A7851, #5BA36C, and #7FC6A4, this collection is perfect for designers and developers seeking a natural, refreshing, and calming aesthetic. It evokes a sense of lushness and vitality, making it ideal for projects that aim to connect with nature, promote sustainability, or create a serene yet vibrant atmosphere. This palette ensures a harmonious and inviting visual experience across various applications.

Best used for

  • Eco-friendly product branding
  • Spa and wellness centers
  • Botanical garden websites
  • Sustainable fashion lines
  • Interior design with natural elements
  • Environmental non-profit communications

Suggested color roles

primary

#3A7851 provides a balanced, earthy green, ideal for main brand identity and core design elements.

secondary

#5BA36C offers a slightly brighter, refreshing green for supporting elements, subheadings, or illustrations.

accent

#7FC6A4 is a soft, invigorating highlight, perfect for subtle interactive elements, icons, or light accents.

background

#BFD8C0 serves as a light, airy base, creating a clean and expansive backdrop for content.

text

#1D543B (deepest green) ensures strong, readable body text on lighter backgrounds, offering excellent contrast.

Accessibility notes

  • #1D543B provides good contrast on #BFD8C0, making it suitable for body text readability.
  • #3A7851 on #BFD8C0 offers acceptable contrast for larger text or headings.
  • Be cautious using #7FC6A4 for small text, especially on lighter backgrounds, as contrast may be insufficient.
  • Always check contrast ratios for all text and interactive UI elements to ensure compliance with accessibility standards.

Recommended combinations

Forest Depths

Creates rich, deep greens for grounding and a natural, immersive feel in design.

#1D543B · #3A7851 · #5BA36C

Rainforest Mist

Offers soft, layered greens for serene and expansive visuals, evoking a misty atmosphere.

#3A7851 · #7FC6A4 · #BFD8C0

Lush Growth

A balanced mix for illustrating growth and vitality, suitable for dynamic natural imagery.

#1D543B · #5BA36C · #7FC6A4

CSS variables

:root {
  --jungle-canopy-splash-1: #3A7851;
  --jungle-canopy-splash-2: #7FC6A4;
  --jungle-canopy-splash-3: #BFD8C0;
  --jungle-canopy-splash-4: #1D543B;
  --jungle-canopy-splash-5: #5BA36C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jungle-canopy-splash": {
        1: "#3A7851",
        2: "#7FC6A4",
        3: "#BFD8C0",
        4: "#1D543B",
        5: "#5BA36C",
      }
    }
  }
}

Related searches

lush green color palettenatural rainforest colorsrefreshing eco-friendly designspa nature color schemesustainable brand greens

Palette colors

Hex values

Color 1#3A7851
·
Color 2#7FC6A4
·
Color 3#BFD8C0
·
Color 4#1D543B
·
Color 5#5BA36C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.6:1Fail
3.5:1AA18
1.7:1Fail
1.7:1Fail
2
2.6:1Fail
1.3:1Fail
4.4:1AA18
1.5:1Fail
3
3.5:1AA18
1.3:1Fail
5.8:1AA
2:1Fail
4
1.7:1Fail
4.4:1AA18
5.8:1AA
2.9:1Fail
5
1.7:1Fail
1.5:1Fail
2:1Fail
2.9:1Fail

Similar palettes

More like Jungle Canopy Splash

View all vibrant
Jungle Emerald Vines
Lush Emerald Canopy
Lush Rainforest Glow
Emerald Canopy Glow
Emerald Glade Lush
Enchanted Forest Canopy