Back to palettes

Palette

Jungle Canopy Mist

The lush, humid greens of a dense jungle canopy shrouded in a morning mist.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1F3A2F#3A5C4F#5C8A7F#8ABDB2#C0E0D8

Palette guide

How to use Jungle Canopy Mist

Overview

The Jungle Canopy Mist palette evokes the lush, humid greens of a dense jungle canopy shrouded in morning mist. It features a deep teal-green (#1F3A2F), muted forest green (#3A5C4F), serene seafoam green (#5C8A7F), and soft, ethereal misty greens (#8ABDB2, #C0E0D8). This cool and calm collection is perfect for designers aiming to create serene, tranquil, and sophisticated visual experiences. The harmonious blend of greens offers a sense of peace and natural elegance, ideal for wellness, eco-luxury, or minimalist designs.

Best used for

  • Spa and wellness centers branding
  • Eco-tourism resorts and retreats
  • Calming app interfaces and meditation tools
  • Minimalist nature photography presentations
  • Sustainable fashion and home decor brands
  • Relaxed web design and digital environments

Suggested color roles

primary

Utilize #1F3A2F as a deep, anchoring primary for backgrounds or foundational elements, establishing a tranquil depth.

secondary

Employ #3A5C4F and #5C8A7F for supporting sections, gradients, or to add layers of soothing green.

accent

Reserve #8ABDB2 and #C0E0D8 for soft highlights, subtle details, or as light backgrounds to create an ethereal, misty feel.

background

The lightest shade, #C0E0D8, is excellent for a clean, ethereal background. #1F3A2F can create a dramatic, tranquil backdrop.

text

Dark charcoal or black is ideal for text on #C0E0D8 and #8ABDB2. White or light gray provides excellent contrast on #1F3A2F, #3A5C4F, and #5C8A7F.

Accessibility notes

  • Colors #C0E0D8 and #8ABDB2 require dark text for optimal readability and accessibility.
  • The darker greens, #1F3A2F, #3A5C4F, and #5C8A7F, provide strong contrast with white or light-colored text.
  • Avoid low contrast pairings between adjacent mid-tone colors for text and background; always check contrast ratios.
  • Ensure sufficient contrast for interactive elements, especially on the lighter background shades.

Recommended combinations

Misty Depths

Creates a serene transition from deep shadows to soft mist, perfect for peaceful and contemplative designs.

#1F3A2F · #5C8A7F · #C0E0D8

Canopy Calm

A lighter, airy feel, suitable for sub-sections or where a fresh, clean, and gentle look is desired.

#3A5C4F · #8ABDB2 · #C0E0D8

Serene Greens

Emphasizes the harmonious blend of greens, ideal for establishing a grounded and calming mood.

#1F3A2F · #3A5C4F · #5C8A7F

CSS variables

:root {
  --jungle-canopy-mist-1: #1F3A2F;
  --jungle-canopy-mist-2: #3A5C4F;
  --jungle-canopy-mist-3: #5C8A7F;
  --jungle-canopy-mist-4: #8ABDB2;
  --jungle-canopy-mist-5: #C0E0D8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jungle-canopy-mist": {
        1: "#1F3A2F",
        2: "#3A5C4F",
        3: "#5C8A7F",
        4: "#8ABDB2",
        5: "#C0E0D8",
      }
    }
  }
}

Related searches

misty green color palettecalm jungle colorscool nature schemeserene forest designmuted teal green

Palette colors

Hex values

Color 1#1F3A2F
·
Color 2#3A5C4F
·
Color 3#5C8A7F
·
Color 4#8ABDB2
·
Color 5#C0E0D8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.2:1AA18
5.9:1AA
8.7:1AAA
2
1.7:1Fail
1.9:1Fail
3.5:1AA18
5.3:1AA
3
3.2:1AA18
1.9:1Fail
1.9:1Fail
2.8:1Fail
4
5.9:1AA
3.5:1AA18
1.9:1Fail
1.5:1Fail
5
8.7:1AAA
5.3:1AA
2.8:1Fail
1.5:1Fail

Similar palettes

More like Jungle Canopy Mist

View all cool
Emerald Bough Serene
Enchanted Forest Stream
Forest Canopy Mist
Verdant Dewdrop Whisper
Deep Forest Lull
Enchanted Forest Veil