Back to palettes

Palette

Forest Canopy Slumber

Quiet, muted greens that evoke the tranquil, dappled light of a deep forest canopy.

monochromecalm5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4A5D4B#5D715F#718573#859987#99ADA0

Palette guide

How to use Forest Canopy Slumber

Overview

The Forest Canopy Slumber palette evokes the tranquil, dappled light and quiet calm of a deep, ancient forest. This monochromatic collection features a soothing gradient of muted greens, from the deep #4A5D4B to the gentle #99ADA0, with intermediary shades like #5D715F, #718573, and #859987. It's perfectly suited for designers seeking to create a sense of peace, relaxation, and understated elegance. The subtle shifts in tone offer a sophisticated approach to natural aesthetics, ideal for projects that require a soft, contemplative, and genuinely calming visual experience without relying on strong contrasts.

Best used for

  • Mindfulness and meditation app interfaces
  • Sleep aid and relaxation product branding
  • Sustainable and slow fashion marketing
  • Calm and minimalist interior design concepts
  • Natural skincare and wellness product lines
  • Archival nature photography and art displays

Suggested color roles

primary

Use #4A5D4B for foundational elements, headings, or primary brand identifiers, establishing a deep, calming anchor.

secondary

Employ #718573 for supporting content, background panels, or secondary navigation, maintaining a soft, harmonious flow.

accent

Reserve #99ADA0 for subtle highlights, delicate graphic elements, or interactive states that require a gentle, ethereal touch.

background

The lightest shade, #99ADA0, is ideal for clean, expansive backgrounds, providing a sense of quiet and serenity.

text

For body text, use #4A5D4B or a deep charcoal to ensure adequate readability, especially against lighter shades in the palette.

Accessibility notes

  • Due to the narrow range of hues, ensure sufficient contrast for text, especially when using lighter greens like #859987 or #99ADA0.
  • For critical information, use the darkest shade, #4A5D4B, or bold text to improve visibility.
  • Verify that interactive elements have a discernible contrast difference in their default and hover states.
  • Consider using larger font sizes for body text to aid readability within this subtle monochromatic scheme.

Recommended combinations

Deep Slumber

Creates a rich, immersive backdrop, perfect for headers, intros, or sections requiring deep contemplation.

#4A5D4B · #5D715F · #718573

Dappled Light

Ideal for lighter sections, such as testimonials or soft backgrounds, emphasizing gentle illumination and calm.

#99ADA0 · #859987 · #718573

Calm Transition

Showcases the full gradient, suitable for layered elements or progress indicators, conveying a smooth, serene progression.

#4A5D4B · #718573 · #99ADA0

CSS variables

:root {
  --forest-canopy-slumber-1: #4A5D4B;
  --forest-canopy-slumber-2: #5D715F;
  --forest-canopy-slumber-3: #718573;
  --forest-canopy-slumber-4: #859987;
  --forest-canopy-slumber-5: #99ADA0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-canopy-slumber": {
        1: "#4A5D4B",
        2: "#5D715F",
        3: "#718573",
        4: "#859987",
        5: "#99ADA0",
      }
    }
  }
}

Related searches

muted green palettetranquil forest colorsmonochromatic green schemecalm mossy tonesnature slumber design

Palette colors

Hex values

Color 1#4A5D4B
·
Color 2#5D715F
·
Color 3#718573
·
Color 4#859987
·
Color 5#99ADA0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.3:1Fail
3:1Fail
2
1.3:1Fail
1.3:1Fail
1.7:1Fail
2.2:1Fail
3
1.8:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
4
2.3:1Fail
1.7:1Fail
1.3:1Fail
1.3:1Fail
5
3:1Fail
2.2:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Forest Canopy Slumber

View all monochrome
Ancient Forest Myst
Enchanted Forest Dew
Enchanted Moss Glimmer
Forest Fern Shadow
Forest Shaded Green
Meditative Grove Green