Palette

Enchanted Moon Forest

Evokes a mystical forest bathed in the soft, ethereal glow of a moonlit night.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Moon Forest 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 Moon Forest.

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

Data visualization

#1C1C1C#2F4F4F#778899#9370DB#C0C0C0

Palette guide

How to use Enchanted Moon Forest

Overview

The Enchanted Moon Forest palette evokes a mystical forest bathed in the soft, ethereal glow of a moonlit night. This dark and elegant collection features a deep charcoal #1C1C1C, a cool dark slate gray #2F4F4F, and a striking medium purple #9370DB. Designers can leverage these hex codes to create sophisticated, fantasy-driven interfaces and branding that exude mystery and magic. Developers will find the contrast between the dark base and the luminous accent ideal for dramatic visual effects and engaging user experiences. The silver-grey #C0C0C0 provides perfect readability for text, ensuring functionality within its enchanting aesthetic.

Best used for

Fantasy game UI/UX and atmospheric backgrounds
Mystical or spiritual brand identities
Dark mode themes for luxury or creative applications
Website designs for astronomers or stargazing events
Book covers for fantasy, sci-fi, or gothic genres
Digital art requiring a moonlit or nocturnal ambiance

Suggested color roles

primary

#1C1C1C - A deep, almost black charcoal, perfect for dominant backgrounds, headers, or large graphical elements, establishing a profound night-time foundation.

secondary

#2F4F4F - A dark slate gray, offering a subtle variation from the primary. Ideal for sub-panels, card backgrounds, or subtle section dividers, maintaining the dark mood.

accent

#9370DB - A beautiful, medium purple, reminiscent of moonlight or magic. Excellent for calls-to-action, interactive elements, or key highlights that need to glow.

background

#1C1C1C - The ultimate dark canvas, providing a rich, mysterious base for content.

text

#C0C0C0 - A light silver-grey that offers excellent readability against the dark backgrounds, capturing the ethereal moonlit effect.

Accessibility notes

Ensure #C0C0C0 text on #1C1C1C or #2F4F4F backgrounds meets WCAG AA contrast standards.
Avoid using #778899 as text on #2F4F4F as the contrast will be insufficient; reserve it for larger decorative elements.
The accent #9370DB may need careful contrast checking if used for critical text, especially on #2F4F4F.
For smaller text, consider using a slightly brighter white if #C0C0C0 doesn't provide sufficient contrast on the very darkest backgrounds.

Recommended combinations

Moonlit Night

Dominant #1C1C1C background, #9370DB for glowing buttons, and #C0C0C0 for clear, moonlit text.

#1C1C1C · #9370DB · #C0C0C0

Shadow & Stone

Layered content with #2F4F4F as base, #778899 for secondary elements, and #C0C0C0 for readable text.

#2F4F4F · #778899 · #C0C0C0

Mystic Glow

Dark backgrounds with #1C1C1C and #2F4F4F, using #9370DB for captivating calls to action or magical UI elements.

#1C1C1C · #2F4F4F · #9370DB

CSS variables

:root {
  --enchanted-moon-forest-1: #1C1C1C;
  --enchanted-moon-forest-2: #2F4F4F;
  --enchanted-moon-forest-3: #778899;
  --enchanted-moon-forest-4: #9370DB;
  --enchanted-moon-forest-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-moon-forest": {
        1: "#1C1C1C",
        2: "#2F4F4F",
        3: "#778899",
        4: "#9370DB",
        5: "#C0C0C0",
      }
    }
  }
}

Hex values

Color 1#1C1C1C

Color 2#2F4F4F

Color 3#778899

Color 4#9370DB

Color 5#C0C0C0

Accessibility

Contrast checker

1.9:1Fail

4.7:1AA

4.5:1AA

9.4:1AAA

1.9:1Fail

2.5:1Fail

2.4:1Fail

4.9:1AA

4.7:1AA

2.5:1Fail

1:1Fail

2:1Fail

4.5:1AA

2.4:1Fail

1:1Fail

2.1:1Fail

9.4:1AAA

4.9:1AA

2:1Fail

2.1:1Fail

Similar palettes

More like Enchanted Moon Forest

View all dark

Enchanted Forest Night

Nocturne Woodland Shadow

Ancient Forest Depths

Celestial Deep Blue

City Neon Rain

Cosmic Night Bloom