Back to palettes

Palette

Enchanted Twilight Deep

A magical and deep palette evoking the shadowy depths and enchanting secrets of a twilight forest.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A2A2A#1A1A3A#3A1A3A#050505#2A4A4A

Palette guide

How to use Enchanted Twilight Deep

Overview

The Enchanted Twilight Deep palette is a magical and profound collection evoking the shadowy depths and enchanting secrets of a twilight forest. Characterized by incredibly deep, almost black shades like #050505 and subtle hints of dark teal (#0A2A2A) and deep purple (#3A1A3A), this palette is perfect for designers seeking to create truly immersive and mysterious experiences. Developers will find these hex codes ideal for crafting sophisticated dark mode themes, dramatic game environments, and evocative digital art. The subtle variations between the dark tones ensure depth and intrigue, without losing the overall profound and enchanting atmosphere.

Best used for

  • Dark mode UI/UX for high-end applications
  • Fantasy game environments and horror themes
  • Luxury branding requiring a mysterious touch
  • Website designs for photography or art portfolios
  • Book covers for mystery, thriller, or dark fantasy genres
  • Event branding for exclusive, nocturnal events

Suggested color roles

primary

#050505 - The deepest, almost pure black, excellent for dominant backgrounds, headers, or large graphical elements, establishing an ultimate dark, mysterious foundation.

secondary

#1A1A3A - A very dark, deep indigo-purple. Ideal for sub-panels, card backgrounds, or subtle section dividers, adding gentle variation to the dark theme.

accent

#2A4A4A - A dark, muted teal-grey. Perfect for subtle interactive elements, icons, or small decorative details where a hint of color is desired without breaking the dark mood.

background

#050505 - Provides a profound, immersive canvas that sets a mysterious and elegant tone.

text

White or near-white (e.g., #F0F0F0) - The palette itself is too dark for internal text contrast. A very light text ensures optimal readability against these deep shades.

Accessibility notes

  • As all colors are extremely dark, ensure white or a very light gray (e.g., #F0F0F0) is used for all text to meet WCAG AAA contrast standards.
  • Avoid using any of the palette's own colors for text on other palette colors, as contrast will be severely insufficient.
  • Reserve the palette colors for backgrounds, large decorative elements, or graphical components where text contrast is handled by a bright external color.
  • For interactive elements, ensure a clear visual distinction (e.g., bolding, icon change) in addition to any subtle color shift, due to low contrast between palette shades.

Recommended combinations

Abyssal Depths

Pure black for main background, deep indigo for content blocks, and dark teal for subtle accents, creating profound depth.

#050505 · #1A1A3A · #0A2A2A

Twilight Shadows

Layered panels with deep indigo as base, dark purple for sub-sections, and dark teal for subtle highlights, adding intricate dark detail.

#1A1A3A · #3A1A3A · #2A4A4A

Hidden Secrets

Dominant black background, dark teal for key interactive elements, and a very light grey for clear, readable text.

#050505 · #2A4A4A · #3A1A3A

CSS variables

:root {
  --enchanted-twilight-deep-1: #0A2A2A;
  --enchanted-twilight-deep-2: #1A1A3A;
  --enchanted-twilight-deep-3: #3A1A3A;
  --enchanted-twilight-deep-4: #050505;
  --enchanted-twilight-deep-5: #2A4A4A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-twilight-deep": {
        1: "#0A2A2A",
        2: "#1A1A3A",
        3: "#3A1A3A",
        4: "#050505",
        5: "#2A4A4A",
      }
    }
  }
}

Related searches

deep dark color palettetwilight forest aestheticmysterious black purple greendark mode luxury UIenchanted shadow colors

Palette colors

Hex values

Color 1#0A2A2A
·
Color 2#1A1A3A
·
Color 3#3A1A3A
·
Color 4#050505
·
Color 5#2A4A4A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1:1Fail
1.3:1Fail
1.6:1Fail
2
1.1:1Fail
1.1:1Fail
1.2:1Fail
1.7:1Fail
3
1:1Fail
1.1:1Fail
1.3:1Fail
1.6:1Fail
4
1.3:1Fail
1.2:1Fail
1.3:1Fail
2.1:1Fail
5
1.6:1Fail
1.7:1Fail
1.6:1Fail
2.1:1Fail

Similar palettes

More like Enchanted Twilight Deep

View all dark
Twilight Forest Canopy
Dark Forest Canopy
Deep Forest Murmur
Deep Undergrowth Shadow
Enchanted Forest Night
Enchanted Forest Veil