Back to palettes

Palette

Deep Forest Hush

A profound quietness echoed in deep, muted greens and grays, like a secluded forest at twilight.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2E3E3E#4A5A5A#6C7A7A#9ABABA#C8DEDE

Palette guide

How to use Deep Forest Hush

Overview

The Deep Forest Hush palette embodies a profound quietness with its collection of deep, muted greens and grays, reminiscent of a secluded forest at twilight. Starting with the enigmatic #2E3E3E, it flows through sophisticated mid-tones like #4A5A5A and #6C7A7A, reaching lighter, misty shades of #9ABABA and #C8DEDE. This palette is expertly crafted for designers seeking to evoke a sense of calm, mystery, and understated elegance. Its subtle transitions and cool undertones make it ideal for minimalist designs, luxury branding, or any project that requires a serene yet intriguing atmosphere, providing depth without being overly dark or heavy.

Best used for

  • Minimalist website design
  • Luxury lifestyle branding
  • Meditation and mindfulness apps
  • Architectural visualization
  • High-end product packaging
  • Sophisticated editorial layouts

Suggested color roles

primary

Use #2E3E3E as a foundational, deep tone for backgrounds or dominant elements, establishing a sense of quiet sophistication.

secondary

Apply #4A5A5A for supporting content areas, navigation, or larger text blocks, offering a slightly lighter yet rich hue.

accent

Incorporate #C8DEDE for subtle highlights, interactive elements, or delicate graphic details, adding a touch of serene luminosity.

background

Utilize #9ABABA as a soft, muted background color for content, providing a tranquil and clean canvas.

text

For primary body text, use #2E3E3E on lighter backgrounds like #9ABABA or #C8DEDE to ensure excellent readability and a harmonious feel.

Accessibility notes

  • Ensure #C8DEDE text on #9ABABA backgrounds has sufficient contrast; prefer darker text for readability.
  • Text in #2E3E3E provides good contrast against #9ABABA and #C8DEDE, suitable for body copy.
  • Avoid using #4A5A5A for text on #6C7A7A without careful contrast checking due to their proximity in lightness.
  • For interactive elements, ensure distinct visual feedback (e.g., darker hover states) when using similar tones.

Recommended combinations

Twilight Depth

Forms a deep, mysterious base, ideal for dark mode themes or sophisticated, understated branding.

#2E3E3E · #4A5A5A · #6C7A7A

Misty Calm

Creates a soft, ethereal gradient, perfect for backgrounds or elements requiring a gentle, airy touch.

#4A5A5A · #9ABABA · #C8DEDE

Quiet Contrast

Offers a balanced contrast, excellent for headings, calls-to-action, or designs needing clarity with a soft touch.

#2E3E3E · #C8DEDE · #6C7A7A

CSS variables

:root {
  --deep-forest-hush-1: #2E3E3E;
  --deep-forest-hush-2: #4A5A5A;
  --deep-forest-hush-3: #6C7A7A;
  --deep-forest-hush-4: #9ABABA;
  --deep-forest-hush-5: #C8DEDE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-forest-hush": {
        1: "#2E3E3E",
        2: "#4A5A5A",
        3: "#6C7A7A",
        4: "#9ABABA",
        5: "#C8DEDE",
      }
    }
  }
}

Related searches

muted green gray palettecalm forest colorsminimalist dark greensubtle nature color schemetwilight forest aesthetic

Palette colors

Hex values

Color 1#2E3E3E
·
Color 2#4A5A5A
·
Color 3#6C7A7A
·
Color 4#9ABABA
·
Color 5#C8DEDE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
5.4:1AA
8:1AAA
2
1.5:1Fail
1.6:1Fail
3.5:1AA18
5.2:1AA
3
2.5:1Fail
1.6:1Fail
2.1:1Fail
3.2:1AA18
4
5.4:1AA
3.5:1AA18
2.1:1Fail
1.5:1Fail
5
8:1AAA
5.2:1AA
3.2:1AA18
1.5:1Fail

Similar palettes

More like Deep Forest Hush

View all dark
Ancient Forest Depths
Dark Forest Undergrowth
Dark Woodland Shade
Deep Forest Canopy
Deep Forest Silence
Deep Forest Verdure