Back to palettes

Palette

Woodland Canopy Mist

Capturing the tranquil feeling of a dense forest canopy, where dappled sunlight filters through layers of green.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4E6C50#73A9AD#C0D6E4#8BA69D#608F7B

Palette guide

How to use Woodland Canopy Mist

Overview

The Woodland Canopy Mist palette captures the tranquil feeling of a dense forest canopy, where dappled sunlight filters through layers of green, softened by a gentle mist. This serene collection features the calming #4E6C50, the airy #73A9AD, and the light #C0D6E4, creating a harmonious and peaceful atmosphere. The earthy #8BA69D and the grounding #608F7B complete the spectrum, offering a versatile range for designers and developers. Ideal for projects that require a tranquil, natural, or refreshing aesthetic, this palette can transform digital interfaces, branding, and print materials into truly harmonious and inviting experiences, evoking calm and clarity.

Best used for

  • wellness and meditation apps
  • eco-friendly product packaging
  • nature retreat branding
  • spa and relaxation websites
  • sustainable fashion lines
  • home decor inspiration

Suggested color roles

primary

A calming forest green #4E6C50, excellent for primary navigation, headers, or significant brand elements, establishing a serene and natural tone.

secondary

The earthy #608F7B, perfect for subheadings, interactive components, or background sections that need an organic yet subtle presence.

accent

The airy blue-green #73A9AD, ideal for calls-to-action, key icons, or crucial highlights that require immediate attention and a touch of refreshing clarity.

background

The light, misty blue #C0D6E4 serves as an excellent airy canvas, providing spaciousness for backgrounds that enhance the tranquil feel.

text

The grounding #4E6C50 offers superb readability against lighter shades, making it suitable for body text, labels, and fine print, or use a dark charcoal for maximum legibility.

Accessibility notes

  • Ensure #4E6C50 or #608F7B has strong contrast against #C0D6E4 for body text to meet WCAG AA standards.
  • Avoid using #73A9AD and #8BA69D in close proximity for text or interactive elements due to potential low contrast.
  • For small text or critical information, consider using a dark gray or black against the lightest shades.
  • When using #C0D6E4 as a background, verify that all overlaying text and UI elements have sufficient luminosity contrast.

Recommended combinations

Misty Depths

Creates a profound, organic aesthetic suitable for immersive backgrounds, sophisticated headers, or natural UI components.

#4E6C50 · #608F7B · #8BA69D

Canopy Light

Highlights important information with a vibrant accent and ensures readability, perfect for CTAs and prominent text.

#608F7B · #73A9AD · #C0D6E4

Serene Blend

A balanced combination for content blocks, offering a rich mid-tone, a calming background, and a bright, legible text color.

#73A9AD · #4E6C50 · #C0D6E4

CSS variables

:root {
  --woodland-canopy-mist-1: #4E6C50;
  --woodland-canopy-mist-2: #73A9AD;
  --woodland-canopy-mist-3: #C0D6E4;
  --woodland-canopy-mist-4: #8BA69D;
  --woodland-canopy-mist-5: #608F7B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woodland-canopy-mist": {
        1: "#4E6C50",
        2: "#73A9AD",
        3: "#C0D6E4",
        4: "#8BA69D",
        5: "#608F7B",
      }
    }
  }
}

Related searches

forest green blue palettemisty nature colorsserene woodland schemeearthy calm brandingtranquil green design

Palette colors

Hex values

Color 1#4E6C50
·
Color 2#73A9AD
·
Color 3#C0D6E4
·
Color 4#8BA69D
·
Color 5#608F7B
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
3.9:1AA18
2.2:1Fail
1.6:1Fail
2
2.2:1Fail
1.7:1Fail
1:1Fail
1.4:1Fail
3
3.9:1AA18
1.7:1Fail
1.7:1Fail
2.4:1Fail
4
2.2:1Fail
1:1Fail
1.7:1Fail
1.4:1Fail
5
1.6:1Fail
1.4:1Fail
2.4:1Fail
1.4:1Fail

Similar palettes

More like Woodland Canopy Mist

View all earth
Ancient Mossy Stone
Enchanted Forest Canopy
Enchanted Forest Glow
Forest Fern Canopy
Forest Floor Moss
Forest Fungi