Back to palettes

Palette

Deep Forest Twilight

A tranquil journey into the dark, shadowy greens of a forest at twilight, full of mystery.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2A4849#456C6C#6B8E8E#1F3333#3C5B5B

Palette guide

How to use Deep Forest Twilight

Overview

The 'Deep Forest Twilight' palette (version 2) guides designers and developers into the tranquil, shadowy greens and grey-teals of a forest at dusk. With evocative hues like the grounding #1F3333, the dusky #2A4849, and the atmospheric #6B8E8E, this palette creates a sense of calm, mystery, and understated elegance. Supported by #456C6C and #3C5B5B, it offers a cohesive range of muted, cool tones. This collection is ideal for projects seeking to convey introspection, natural serenity, or a sophisticated, subdued aesthetic, perfect for designs that aim to be calming rather than vibrant.

Best used for

  • Wellness and meditation app interfaces
  • Interior design mood boards (calming spaces)
  • Understated branding for artisanal products
  • Historical or contemplative narrative themes
  • Subtle web design for luxury services
  • Atmospheric digital art and photography

Suggested color roles

primary

#1F3333 serves as the deepest, most grounding twilight tone, ideal for main backgrounds and foundational elements.

secondary

#2A4849 provides a supporting dark green-grey, perfect for subheadings, navigation, or secondary content blocks.

accent

#6B8E8E offers a lighter, atmospheric highlight, useful for subtle accents, borders, or to introduce a hint of lightness.

background

Utilize #1F3333 for an immersive, calming dark background, or #2A4849 for a slightly lighter, yet still dusky, base.

text

White or a very light grey is recommended for text against the darker colors. For #6B8E8E, a dark charcoal or black text is necessary for optimal readability.

Accessibility notes

  • Ensure sufficient contrast for text on mid-tones like #456C6C and #6B8E8E; dark text is generally preferred.
  • White text on #1F3333, #2A4849, and #3C5B5B typically provides good contrast, meeting WCAG AA standards.
  • When using #6B8E8E as a background, be mindful of text size and weight to maintain legibility.
  • Avoid using similar shades for interactive elements without clear visual cues to differentiate them.

Recommended combinations

Twilight Depths

Creates a rich, layered dark green background, perfect for establishing a mysterious and calming atmosphere.

#1F3333 · #2A4849 · #3C5B5B

Dusky Greens

Offers a subtle gradient from mid-dark to lighter grey-green, suitable for secondary content areas or visual texture.

#2A4849 · #456C6C · #6B8E8E

Atmospheric Contrast

Pairs the deepest tone with the lightest for a gentle contrast, useful for separating sections or highlighting key information subtly.

#1F3333 · #6B8E8E · #456C6C

CSS variables

:root {
  --deep-forest-twilight-2-1: #2A4849;
  --deep-forest-twilight-2-2: #456C6C;
  --deep-forest-twilight-2-3: #6B8E8E;
  --deep-forest-twilight-2-4: #1F3333;
  --deep-forest-twilight-2-5: #3C5B5B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-forest-twilight-2": {
        1: "#2A4849",
        2: "#456C6C",
        3: "#6B8E8E",
        4: "#1F3333",
        5: "#3C5B5B",
      }
    }
  }
}

Related searches

dusky green palettetwilight forest colorsatmospheric grey-greenunderstated nature schemecalm dark greens

Palette colors

Hex values

Color 1#2A4849
·
Color 2#456C6C
·
Color 3#6B8E8E
·
Color 4#1F3333
·
Color 5#3C5B5B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
1.3:1Fail
1.3:1Fail
2
1.7:1Fail
1.6:1Fail
2.3:1Fail
1.3:1Fail
3
2.8:1Fail
1.6:1Fail
3.7:1AA18
2.1:1Fail
4
1.3:1Fail
2.3:1Fail
3.7:1AA18
1.8:1Fail
5
1.3:1Fail
1.3:1Fail
2.1:1Fail
1.8:1Fail

Similar palettes

More like Deep Forest Twilight

View all dark
Ancient Forest Depths
Dark Forest Cloak
Dark Forest Glade
Dark Forest Lore
Deep Forest Lumina
Deep Forest Mystery