Palette

Mystic Forest Fae

An ethereal palette of deep forest hues, touched by an otherworldly shimmer, evoking magical creatures.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mystic Forest Fae 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 Mystic Forest Fae.

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

Data visualization

#281A3F#4A3E60#6C6082#998DA1#D4AF37

Palette guide

How to use Mystic Forest Fae

Overview

The Mystic Forest Fae palette unveils an ethereal blend of deep forest hues, touched by an otherworldly shimmer, perfectly evoking magical creatures and enchanted realms. With shades ranging from the profound #281A3F to the rich #6C6082, and accented by a striking #D4AF37 gold, this palette is steeped in fantasy and intrigue. It offers designers and developers a compelling toolkit for creating immersive, luxurious, and mysterious experiences. The contrast between the deep purples and the radiant gold allows for designs that are both dramatic and captivating, ideal for storytelling and high-impact visuals.

Best used for

Fantasy game user interfaces and environments
Magical brand identities for niche products
Luxury product packaging with an enchanted theme
Creative portfolio websites for artists or storytellers
Event branding for mystical or fantasy-themed gatherings
Digital art and illustrations with a dark fantasy aesthetic

Suggested color roles

primary

Use #4A3E60 as a deep, mystical purple for main sections, providing a rich and intriguing base.

secondary

Employ #6C6082 for supporting elements or layered backgrounds, offering a lighter, yet still profound, purple hue.

accent

Apply #D4AF37 as a striking gold accent, perfect for calls to action, important highlights, or decorative flourishes to convey magic and luxury.

background

Utilize #281A3F as a dark, immersive background, setting a mysterious and deep atmosphere that allows other colors to glow.

text

Choose #998DA1 for secondary text or lighter elements, or a pure white for optimal readability against the dark backgrounds.

Accessibility notes

Ensure high contrast when using #D4AF37 against the darker purples like #281A3F or #4A3E60 for key information.
Text in #998DA1 may need to be larger or bolder to meet accessibility standards on #6C6082 or darker backgrounds.
Provide clear hover and focus states for interactive elements, possibly using #D4AF37 to draw attention.
Avoid placing light text (#998DA1) on #6C6082 for critical information; opt for white or a brighter accent for better contrast.

Recommended combinations

Enchanted Glow

Creates a dramatic, magical feel with deep purples and a vibrant gold focal point, ideal for hero sections.

#281A3F · #4A3E60 · #D4AF37

Twilight Veil

Offers a softer gradient of purples for backgrounds or layered UI elements, evoking a mysterious twilight atmosphere.

#6C6082 · #998DA1 · #4A3E60

Fae Dust

Highlights key elements with gold, supported by lighter purples for details against a deeper background.

#D4AF37 · #998DA1 · #6C6082

CSS variables

:root {
  --mystic-forest-fae-1: #281A3F;
  --mystic-forest-fae-2: #4A3E60;
  --mystic-forest-fae-3: #6C6082;
  --mystic-forest-fae-4: #998DA1;
  --mystic-forest-fae-5: #D4AF37;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-forest-fae": {
        1: "#281A3F",
        2: "#4A3E60",
        3: "#6C6082",
        4: "#998DA1",
        5: "#D4AF37",
      }
    }
  }
}

Hex values

Color 1#281A3F

Color 2#4A3E60

Color 3#6C6082

Color 4#998DA1

Color 5#D4AF37

Accessibility

Contrast checker

1.6:1Fail

2.8:1Fail

5.1:1AA

7.6:1AAA

1.6:1Fail

1.7:1Fail

3.1:1AA18

4.6:1AA

2.8:1Fail

1.7:1Fail

1.8:1Fail

2.7:1Fail

5.1:1AA

3.1:1AA18

1.8:1Fail

1.5:1Fail

7.6:1AAA

4.6:1AA

2.7:1Fail

1.5:1Fail

Similar palettes

More like Mystic Forest Fae

View all dark

Enchanted Grove Lumina

Enchanted Night Bloom

Nocturnal Woodland Shade

Ancient Forest Depths

Cobalt Reef Depths

Cosmic Dance Galaxy