Back to palettes

Palette

Midnight Forest Whisper

Deep greens and mysterious blacks evoke the silent, enigmatic beauty of a moonlit forest at midnight.

DarkDark5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Forest Whisper 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 Midnight Forest Whisper.

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

Data visualization

#000000#212121#3E2723#4CAF50#8BC34A

Palette guide

How to use Midnight Forest Whisper

Overview

The Midnight Forest Whisper palette combines stark blacks with an earthy brown and vibrant greens, evoking the silent, enigmatic beauty of a moonlit forest. Featuring #000000, #212121, #3E2723, #4CAF50, and #8BC34A, this collection is bold, modern, and striking. It masterfully balances the intensity of true black with the organic warmth of brown and the lively freshness of green. This palette is perfect for designs that aim to be edgy yet natural, creating a memorable visual experience that feels both grounded and alive, ideal for impactful branding and digital interfaces.

Best used for

  • Edgy and modern brand identities
  • Gaming and esports platforms
  • Nature-focused tech and apps
  • Dark mode interfaces with a pop of color
  • Artistic portfolios and creative websites
  • Environmental campaigns with strong visuals

Suggested color roles

primary

Use #000000 as the absolute black for backgrounds, headers, or bold typography, providing maximum contrast and impact.

secondary

Employ #212121 for supporting panels, card backgrounds, or subtle divisions, offering depth just shy of true black.

accent

Apply #4CAF50 as a bright, energetic accent for calls-to-action, interactive elements, or key highlights, demanding immediate attention.

background

Utilize #000000 for immersive, true dark mode backgrounds, ensuring a sleek and modern aesthetic.

text

For primary text on black, use pure white or a very light gray. For subtle, warm secondary text, #3E2723 can be used on a lighter black like #212121, but check contrast.

Accessibility notes

  • Ensure white text on #000000 and #212121 has excellent contrast for readability.
  • Avoid using #3E2723 for small text on black backgrounds due to low contrast.
  • The vibrant greens, #4CAF50 and #8BC34A, should have sufficient contrast when used for text against darks.
  • Use #4CAF50 judiciously as an accent to maintain visual balance and prevent eye strain.

Recommended combinations

Dark Earth

Creates a deep, earthy dark theme, excellent for foundational elements and subtle textural contrasts.

#000000 · #212121 · #3E2723

Forest Glow

Combines a stark black base with vibrant green accents, ideal for highlighting key information and interactive elements.

#000000 · #4CAF50 · #8BC34A

Mossy Path

Blends subtle darks with a pop of earthy green, suitable for layered content and naturalistic graphics.

#212121 · #3E2723 · #8BC34A

CSS variables

:root {
  --midnight-forest-whisper-1: #000000;
  --midnight-forest-whisper-2: #212121;
  --midnight-forest-whisper-3: #3E2723;
  --midnight-forest-whisper-4: #4CAF50;
  --midnight-forest-whisper-5: #8BC34A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-forest-whisper": {
        1: "#000000",
        2: "#212121",
        3: "#3E2723",
        4: "#4CAF50",
        5: "#8BC34A",
      }
    }
  }
}

Related searches

black and green palettedark nature colorsvibrant green accentsmodern forest themestriking dark mode

Palette colors

Hex values

Color 1#000000
·
Color 2#212121
·
Color 3#3E2723
·
Color 4#4CAF50
·
Color 5#8BC34A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.5:1Fail
7.6:1AAA
10:1AAA
2
1.3:1Fail
1.2:1Fail
5.8:1AA
7.7:1AAA
3
1.5:1Fail
1.2:1Fail
5:1AA
6.6:1AA
4
7.6:1AAA
5.8:1AA
5:1AA
1.3:1Fail
5
10:1AAA
7.7:1AAA
6.6:1AA
1.3:1Fail

Similar palettes

More like Midnight Forest Whisper

View all Dark
Deep Forest Murmur
Mystic Forest Whisper
Deep Woodland Shrine
Abyssal Seaweed Garden
Dark Academia Ink
Deep Space Void