Back to palettes

Palette

Mystic Rune Glow

Enchanting shades that evoke ancient, glowing symbols and forgotten magic in a dark realm.

DarkDark5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8A2BE2#483D8B#DDA0DD#BA55D3#7B68EE

Palette guide

How to use Mystic Rune Glow

Overview

The "Mystic Rune Glow" palette is a captivating collection of purples and indigos, designed to evoke enchantment, magic, and glowing symbols. Ranging from the deep, grounding `#483D8B` to the vibrant `#8A2BE2` and the ethereal `#DDA0DD`, this palette offers a rich, mystical atmosphere. The inclusion of `#BA55D3` and `#7B68EE` adds further depth and versatility, allowing designers to craft compelling visuals for fantasy-themed projects, spiritual content, or any design requiring a sense of wonder and allure. It's particularly effective for creating designs with a dark mode base that still feel vibrant and alive.

Best used for

  • Fantasy game user interfaces and branding
  • Mystical or spiritual website designs
  • Event posters for concerts or themed parties
  • Creative digital art and illustration
  • Branding for magic-themed products or services
  • Dark mode themes requiring a vibrant, magical touch

Suggested color roles

primary

Designate `#8A2BE2` as the primary color for calls-to-action, key headings, or focal points, leveraging its vibrant and magical appeal.

secondary

Utilize `#483D8B` for foundational elements, large text blocks, or backgrounds, providing a deep and grounding contrast.

accent

Employ `#DDA0DD` for glowing effects, subtle highlights, or delicate UI elements, creating a luminous, ethereal touch.

background

A deep hue like `#483D8B` or `#7B68EE` works excellently as a dark, mysterious background, allowing lighter purples to truly 'glow'.

text

For dark backgrounds, use `#DDA0DD` or `#BA55D3` for main text. For accent text or headings, `#8A2BE2` can provide a powerful contrast.

Accessibility notes

  • Ensure high contrast when using lighter purples like `#DDA0DD` on darker backgrounds such as `#483D8B` for readability.
  • Avoid pairing colors with similar lightness values (e.g., `#BA55D3` and `#7B68EE`) for text and background to prevent readability issues.
  • Interactive elements should have distinct hover/focus states, perhaps using `#DDA0DD` on a `#8A2BE2` button.
  • Test text legibility, especially for smaller font sizes, as purple hues can sometimes be challenging on screens.

Recommended combinations

Enchanted Core

Use `#483D8B` for a dark background, `#8A2BE2` for primary elements, and `#DDA0DD` for glowing accents or highlights.

#483D8B · #8A2BE2 · #DDA0DD

Mystic Highlight

Apply `#7B68EE` for interactive elements, `#BA55D3` for secondary text, and `#483D8B` as a grounding container color.

#7B68EE · #BA55D3 · #483D8B

Vibrant Glow

Create a striking header with `#8A2BE2` text on a `#483D8B` background, using `#DDA0DD` for subtle decorative details.

#8A2BE2 · #DDA0DD · #483D8B

CSS variables

:root {
  --mystic-rune-glow-1: #8A2BE2;
  --mystic-rune-glow-2: #483D8B;
  --mystic-rune-glow-3: #DDA0DD;
  --mystic-rune-glow-4: #BA55D3;
  --mystic-rune-glow-5: #7B68EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-rune-glow": {
        1: "#8A2BE2",
        2: "#483D8B",
        3: "#DDA0DD",
        4: "#BA55D3",
        5: "#7B68EE",
      }
    }
  }
}

Related searches

magical purple palettefantasy ui colorsglowing rune aestheticmystic design themedark enchanted palette

Palette colors

Hex values

Color 1#8A2BE2
·
Color 2#483D8B
·
Color 3#DDA0DD
·
Color 4#BA55D3
·
Color 5#7B68EE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.9:1Fail
1.5:1Fail
1.4:1Fail
2
1.5:1Fail
4.4:1AA18
2.3:1Fail
2.2:1Fail
3
2.9:1Fail
4.4:1AA18
1.9:1Fail
2:1Fail
4
1.5:1Fail
2.3:1Fail
1.9:1Fail
1.1:1Fail
5
1.4:1Fail
2.2:1Fail
2:1Fail
1.1:1Fail

Similar palettes

More like Mystic Rune Glow

View all Dark
Deep Space Nebula
Gothic Nightshade Bloom
Midnight Bloom Velvet
Midnight Blooms
Stellar Dust Cloud
Abyssal Bioluminescence