Back to palettes

Palette

Celestial Altar Stone

Inspired by mystical altar stones under a cosmic night sky, imbued with deep purples and enigmatic glows.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Altar Stone 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 Celestial Altar Stone.

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

Data visualization

#200040#400080#6000C0#8000FF#B060FF

Palette guide

How to use Celestial Altar Stone

Overview

The "Celestial Altar Stone" palette is inspired by mystical altar stones under a cosmic night sky, imbued with deep purples and enigmatic glows. It features a very dark violet #200040, a rich deep purple #400080, a vibrant royal purple #6000C0, a luminous electric purple #8000FF, and a soft lavender-purple #B060FF. This ethereal and dramatic combination is perfect for designs that aim for mysticism, magic, and a touch of cosmic grandeur. Designers can leverage these hex codes for fantasy branding, spiritual websites, or artistic digital installations. Developers will find this palette ideal for applications requiring an immersive, enchanting, and visually captivating user experience.

Best used for

  • Fantasy game interfaces
  • Mystical or spiritual branding
  • Dark mode application themes
  • Astrology and cosmic content
  • Luxury product packaging
  • Digital art with magical themes

Suggested color roles

primary

#400080 (Deep Purple) - A strong, foundational deep purple, excellent for main headings, important interactive elements, or large background sections, providing depth.

secondary

#6000C0 (Royal Purple) - A vibrant, elegant purple that adds sophistication, ideal for secondary buttons, navigation backgrounds, or content panels.

accent

#8000FF (Electric Purple) - A luminous, energetic purple that acts as a captivating highlight, perfect for small, impactful details, icons, or decorative elements.

background

#200040 (Very Dark Violet) - A deep, profound violet, providing an excellent dramatic canvas for content, making the lighter purples shimmer like magical glows.

text

Pure white or a very light gray like #F0F0F0 is highly recommended for text against #200040, #400080, #6000C0, and #8000FF. On #B060FF (Soft Lavender-Purple), a dark charcoal or black is preferred.

Accessibility notes

  • Use white or very light text on #200040, #400080, #6000C0, and #8000FF for optimal contrast.
  • #B060FF (Soft Lavender-Purple) requires dark text (black or charcoal) to meet WCAG AA standards for readability.
  • Avoid using #8000FF for small text against very light backgrounds.
  • Ensure sufficient contrast for all text and interactive elements, especially given the dark background emphasis.

Recommended combinations

Mystic Glow

For creating immersive backgrounds, elegant headings, or sophisticated UI elements that evoke a sense of magic and mystery.

#200040 · #400080 · #6000C0

Altar Light

Ideal for highlighting key information, interactive elements, or adding a touch of ethereal light to darker compositions.

#8000FF · #B060FF · #400080

Cosmic Purple

Excellent for showcasing distinct content sections, subtle branding, or creating graphic patterns with a serene, mystical aesthetic.

#6000C0 · #200040 · #8000FF

CSS variables

:root {
  --celestial-altar-stone-1: #200040;
  --celestial-altar-stone-2: #400080;
  --celestial-altar-stone-3: #6000C0;
  --celestial-altar-stone-4: #8000FF;
  --celestial-altar-stone-5: #B060FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-altar-stone": {
        1: "#200040",
        2: "#400080",
        3: "#6000C0",
        4: "#8000FF",
        5: "#B060FF",
      }
    }
  }
}

Related searches

dark purple celestial palettemystical altar colorsfantasy magic themeluxury dark purple schemeenigmatic violet gradient

Palette colors

Hex values

Color 1#200040
·
Color 2#400080
·
Color 3#6000C0
·
Color 4#8000FF
·
Color 5#B060FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2:1Fail
3:1Fail
5.3:1AA
2
1.3:1Fail
1.5:1Fail
2.2:1Fail
3.9:1AA18
3
2:1Fail
1.5:1Fail
1.5:1Fail
2.6:1Fail
4
3:1Fail
2.2:1Fail
1.5:1Fail
1.8:1Fail
5
5.3:1AA
3.9:1AA18
2.6:1Fail
1.8:1Fail

Similar palettes

More like Celestial Altar Stone

View all dark
Cathedral Shadow Grey
Celestial Deep Blue
Dark Star Glimmer
Deep Sea Bioluminescence
Enchanted Forest Veil
Gothic Castle Stone