Palette

Mystic Moorland

Deep indigos and enchanting purples evoke the ancient, windswept beauty and secrets of a mystic moorland.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B0082#8A2BE2#9400D3#BA55D3#DDA0DD

Palette guide

How to use Mystic Moorland

Overview

The Mystic Moorland palette, with its deep indigos and enchanting purples, truly evokes the ancient, windswept beauty and secrets of a mystic moorland. Ranging from the profound #4B0082 and rich #8A2BE2 to the regal #9400D3, #BA55D3, and soft #DDA0DD, this collection delivers a powerful yet sophisticated aesthetic. Designers and developers can leverage these shades to craft immersive digital experiences, perfect for projects requiring a touch of fantasy, luxury, and enigmatic charm. The strong color presence allows for dramatic visual hierarchies and captivating atmospheric effects, making it ideal for branding, digital art, and web interfaces that aim to inspire awe and intrigue.

Best used for

Fantasy game interfaces or concept art
Luxury fashion or beauty brand websites
Spiritual or mystical themed content
High-end event branding
E-commerce for unique artisanal products
Digital art portfolios (especially abstract or surreal)

Suggested color roles

primary

Use #4B0082 as a deep, anchoring primary color for backgrounds, headers, or strong calls-to-action, establishing a luxurious feel.

secondary

Apply #8A2BE2 for subheadings, navigation links, or secondary information, providing a vibrant yet balanced contrast.

accent

Utilize #BA55D3 as a captivating accent for interactive elements, icons, or subtle highlights, drawing attention effectively.

background

Employ #DDA0DD as a soft, ethereal background for content areas, ensuring readability and a gentle, mystical ambiance.

text

For optimal readability on lighter backgrounds, #4B0082 provides excellent contrast. On darker shades, use #DDA0DD or white.

Accessibility notes

Ensure sufficient contrast when using #BA55D3 for text on #DDA0DD; consider larger font sizes or bolder weights.
#4B0082 offers excellent contrast against #DDA0DD for primary text, meeting WCAG AA standards.
Avoid using #9400D3 for small text on #BA55D3 to prevent readability issues; check contrast ratios carefully.
For critical information, always pair a dark color like #4B0082 or #8A2BE2 with the lightest available background #DDA0DD.

Recommended combinations

Deep Heather

Creates a rich, deep base with a soft, misty highlight, ideal for captivating backgrounds and clear text.

#4B0082 · #8A2BE2 · #DDA0DD

Mystic Glow

Perfect for gradients or layered elements, evoking an ethereal glow reminiscent of magical light.

#9400D3 · #BA55D3 · #DDA0DD

Regal Contrast

Combines a powerful primary with a light background and a vibrant accent for sophisticated, impactful designs.

#4B0082 · #DDA0DD · #BA55D3

CSS variables

:root {
  --mystic-moorland-1: #4B0082;
  --mystic-moorland-2: #8A2BE2;
  --mystic-moorland-3: #9400D3;
  --mystic-moorland-4: #BA55D3;
  --mystic-moorland-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-moorland": {
        1: "#4B0082",
        2: "#8A2BE2",
        3: "#9400D3",
        4: "#BA55D3",
        5: "#DDA0DD",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#8A2BE2

Color 3#9400D3

Color 4#BA55D3

Color 5#DDA0DD

Accessibility

Contrast checker

2.2:1Fail

2:1Fail

3.3:1AA18

6.3:1AA

2.2:1Fail

1.1:1Fail

1.5:1Fail

2.9:1Fail

2:1Fail

1.1:1Fail

1.7:1Fail

3.2:1AA18

3.3:1AA18

1.5:1Fail

1.7:1Fail

1.9:1Fail

6.3:1AA

2.9:1Fail

3.2:1AA18

1.9:1Fail

Similar palettes

More like Mystic Moorland

View all dark

Enchanted Brew Kettle

Enchanted Night Bloom

Galactic Stardust Trail

Midnight Bazaar

Mystic Cavern

Mystic Cosmos Glimmer