Back to palettes

Palette

Deep Forest Lullaby

A calming gradient of deep forest greens, reminiscent of shadowed woods at dusk.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Forest Lullaby 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 Deep Forest Lullaby.

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

Data visualization

#2F4F4F#466352#677E6D#8DA396#B6C7BC

Palette guide

How to use Deep Forest Lullaby

Overview

The Deep Forest Lullaby palette presents a calming gradient of deep forest greens, evoking the serene and shadowed woods at dusk. It starts with the profound #2F4F4F, gracefully transitioning through the muted #466352 and the balanced #677E6D. Lighter, ethereal greens like #8DA396 and #B6C7BC complete this harmonious collection, reminiscent of moonlight filtering through leaves. This palette is designed for creators seeking to infuse projects with a sense of peaceful quietude, natural elegance, and understated beauty. Its cool, sophisticated tones are ideal for luxury branding, tranquil digital experiences, or any design requiring a soothing yet profound connection to nature's stillness.

Best used for

  • Luxury eco-resort branding
  • High-end skincare packaging
  • Evening wear fashion collections
  • Meditation and sleep aid apps
  • Sophisticated web portfolios
  • Art gallery exhibition materials

Suggested color roles

primary

Use #2F4F4F as a deep, anchoring color for main sections or foundational elements, establishing a profound sense of calm.

secondary

Apply #466352 for supporting content areas, navigation, or larger text blocks, adding depth while maintaining visual harmony.

accent

Incorporate #B6C7BC for subtle highlights, interactive elements, or delicate illustrations, providing a soft, moonlight-like contrast.

background

Utilize #8DA396 as a soft, muted background color for content, offering a tranquil and clean canvas.

text

For primary body text, use #2F4F4F on lighter backgrounds like #8DA396 or #B6C7BC to ensure excellent readability and a harmonious, serene feel.

Accessibility notes

  • Ensure #B6C7BC text on #8DA396 backgrounds has sufficient contrast; consider using a darker green for small font sizes.
  • Text in #2F4F4F offers good contrast against #B6C7BC and #8DA396, suitable for body copy and headings.
  • Avoid using #466352 for text on #677E6D without careful contrast checking due to their close proximity in lightness.
  • Interactive elements should have distinct hover/focus states to ensure usability, especially when using subtle tonal shifts.

Recommended combinations

Dusk Depths

Ideal for creating a deep, serene base, perfect for luxury branding or sophisticated digital interfaces.

#2F4F4F · #466352 · #677E6D

Moonlit Glade

Creates a gentle contrast, suitable for highlighting key information or adding a touch of ethereal light.

#466352 · #B6C7BC · #2F4F4F

Soft Whisper

Offers a soft, harmonious gradient, excellent for background elements or subtle visual transitions in a peaceful design.

#677E6D · #8DA396 · #B6C7BC

CSS variables

:root {
  --deep-forest-lullaby-1: #2F4F4F;
  --deep-forest-lullaby-2: #466352;
  --deep-forest-lullaby-3: #677E6D;
  --deep-forest-lullaby-4: #8DA396;
  --deep-forest-lullaby-5: #B6C7BC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-forest-lullaby": {
        1: "#2F4F4F",
        2: "#466352",
        3: "#677E6D",
        4: "#8DA396",
        5: "#B6C7BC",
      }
    }
  }
}

Related searches

serene green color schemedark forest tranquilitymuted woodland palettesophisticated green toneslullaby inspired design

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#466352
·
Color 3#677E6D
·
Color 4#8DA396
·
Color 5#B6C7BC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2:1Fail
3.3:1AA18
5.1:1AA
2
1.3:1Fail
1.5:1Fail
2.5:1Fail
3.8:1AA18
3
2:1Fail
1.5:1Fail
1.6:1Fail
2.5:1Fail
4
3.3:1AA18
2.5:1Fail
1.6:1Fail
1.5:1Fail
5
5.1:1AA
3.8:1AA18
2.5:1Fail
1.5:1Fail

Similar palettes

More like Deep Forest Lullaby

View all cool
Bamboo Forest Mist
Deep Jade Serenity
Emerald Bough Serene
Evergreen Forest Retreat
Evergreen Snowfall Chill
Forest Canopy Glimmer