Back to palettes

Palette

Forest Canopy Mist

Cool, ethereal greens and teals capture the damp, mysterious atmosphere under a dense forest canopy.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F4F4F#5F8D8D#9CD9D9#E0F2F2#1A3A3A

Palette guide

How to use Forest Canopy Mist

Overview

The Forest Canopy Mist palette evokes a serene, ethereal atmosphere, drawing inspiration from the tranquil depths of a misty woodland. It features a range of cool, deep teals and soft, muted greens, from the profound #1A3A3A and #2F4F4F to the calming #5F8D8D, culminating in the airy lightness of #9CD9D9 and #E0F2F2. This palette is perfect for designers aiming to create an experience of calm, sophistication, and understated elegance. Its cool undertones and gentle progression of shades lend themselves well to projects requiring a sense of peace and natural mystery, offering a refreshing alternative to more traditional green palettes.

Best used for

  • Spa and wellness brand identity
  • Mindfulness and meditation app interfaces
  • Environmental conservation websites
  • Luxury eco-tourism marketing materials
  • Sophisticated tech and software dashboards
  • Winter or foggy landscape photography themes

Suggested color roles

primary

Use #1A3A3A or #2F4F4F for foundational elements, strong headings, or key brand identifiers to establish depth and calm.

secondary

Apply #5F8D8D for supporting content, background panels, or interactive elements, maintaining a harmonious flow.

accent

Leverage #9CD9D9 for subtle highlights, interactive states, or delicate graphic elements that require a soft, ethereal glow.

background

The lightest shade, #E0F2F2, is ideal for clean, expansive backgrounds, providing a sense of space and tranquility.

text

For optimal readability, use #1A3A3A or a deep charcoal for body text and primary content, ensuring strong contrast against lighter shades.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using #5F8D8D on #E0F2F2.
  • Verify that interactive elements using #9CD9D9 have adequate contrast against their surrounding background.
  • Use #1A3A3A for critical text elements to maximize readability across various screen types.
  • Avoid placing light text on #9CD9D9 without rigorous contrast checking; a darker shade is usually preferable.

Recommended combinations

Deep Mist

Creates a mysterious, immersive feel, excellent for dark mode interfaces or evocative brand storytelling.

#1A3A3A · #2F4F4F · #5F8D8D

Ethereal Glow

Ideal for light, airy designs, such as landing pages or serene galleries, emphasizing softness and purity.

#E0F2F2 · #9CD9D9 · #5F8D8D

Calm Contrast

A balanced trio for sections needing depth with a bright, soft highlight, like feature cards or navigation menus.

#2F4F4F · #9CD9D9 · #1A3A3A

CSS variables

:root {
  --forest-canopy-mist-1: #2F4F4F;
  --forest-canopy-mist-2: #5F8D8D;
  --forest-canopy-mist-3: #9CD9D9;
  --forest-canopy-mist-4: #E0F2F2;
  --forest-canopy-mist-5: #1A3A3A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-canopy-mist": {
        1: "#2F4F4F",
        2: "#5F8D8D",
        3: "#9CD9D9",
        4: "#E0F2F2",
        5: "#1A3A3A",
      }
    }
  }
}

Related searches

misty forest color palettecalm teal green schemeethereal nature colorsserene web design palettecool forest branding

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#5F8D8D
·
Color 3#9CD9D9
·
Color 4#E0F2F2
·
Color 5#1A3A3A
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
5.7:1AA
7.7:1AAA
1.4:1Fail
2
2.4:1Fail
2.3:1Fail
3.2:1AA18
3.3:1AA18
3
5.7:1AA
2.3:1Fail
1.4:1Fail
7.8:1AAA
4
7.7:1AAA
3.2:1AA18
1.4:1Fail
10.6:1AAA
5
1.4:1Fail
3.3:1AA18
7.8:1AAA
10.6:1AAA

Similar palettes

More like Forest Canopy Mist

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