Back to palettes

Palette

Cosmic Aurora Shards

A dazzling array of deep purples and blues, like fractured fragments of the aurora in deep space.

VibrantEnergetic5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Aurora Shards 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 Cosmic Aurora Shards.

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

Data visualization

#4B0082#8A2BE2#BA55D3#DDA0DD#6A0DAD

Palette guide

How to use Cosmic Aurora Shards

Overview

The Cosmic Aurora Shards palette is a dazzling array of deep purples and blues, like fractured fragments of the aurora in deep space. It ranges from the intense Indigo #4B0082 and a vibrant Blue Violet #8A2BE2, through a softer Medium Orchid #BA55D3 and a delicate Plum #DDA0DD, complemented by a darker Amethyst #6A0DAD. This vibrant, mystical, and energetic palette is perfect for designs that aim to evoke a sense of magic, fantasy, and cosmic wonder, ideal for gaming, creative branding, or digital art that requires a shimmering, ethereal feel.

Best used for

  • Fantasy game interfaces
  • Mystical book covers
  • Vibrant digital art
  • Luxury beauty product branding
  • Event promotions (magic, fantasy themes)
  • Abstract website backgrounds

Suggested color roles

primary

Use Indigo #4B0082 for foundational backgrounds, providing a deep, mysterious base.

secondary

Blue Violet #8A2BE2 can be used for sub-sections or containers, adding vibrant depth.

accent

Plum #DDA0DD provides a delicate, shimmering highlight for important details or interactive elements.

background

Indigo #4B0082 or Amethyst #6A0DAD for a rich, dark, and immersive background.

text

White or a very light cream provides optimal readability against the dark purples.

Accessibility notes

  • Plum #DDA0DD is the lightest color; it will require dark text if used as a background for text.
  • Indigo #4B0082, Blue Violet #8A2BE2, and Amethyst #6A0DAD provide excellent contrast with white text.
  • Ensure sufficient contrast for any text placed on Medium Orchid #BA55D3.
  • Always verify contrast ratios for all text and interactive elements.

Recommended combinations

Deep Mysticism

Ideal for backgrounds, creating a sense of cosmic depth and mystery.

#4B0082 · #6A0DAD · #8A2BE2

Shimmering Fragments

Excellent for highlights, interactive elements, or text that needs to appear ethereal and vibrant.

#DDA0DD · #BA55D3 · #8A2BE2

Vibrant Layers

Use for creating smooth transitions, overlays, or subtle depth in UI elements.

#6A0DAD · #BA55D3 · #4B0082

CSS variables

:root {
  --cosmic-aurora-shards-1: #4B0082;
  --cosmic-aurora-shards-2: #8A2BE2;
  --cosmic-aurora-shards-3: #BA55D3;
  --cosmic-aurora-shards-4: #DDA0DD;
  --cosmic-aurora-shards-5: #6A0DAD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-aurora-shards": {
        1: "#4B0082",
        2: "#8A2BE2",
        3: "#BA55D3",
        4: "#DDA0DD",
        5: "#6A0DAD",
      }
    }
  }
}

Related searches

cosmic purple paletteaurora fantasy colorsvibrant mystical schemeelectric amethyst designdeep space shimmer

Palette colors

Hex values

Color 1#4B0082
·
Color 2#8A2BE2
·
Color 3#BA55D3
·
Color 4#DDA0DD
·
Color 5#6A0DAD
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
3.3:1AA18
6.3:1AA
1.4:1Fail
2
2.2:1Fail
1.5:1Fail
2.9:1Fail
1.5:1Fail
3
3.3:1AA18
1.5:1Fail
1.9:1Fail
2.3:1Fail
4
6.3:1AA
2.9:1Fail
1.9:1Fail
4.5:1AA18
5
1.4:1Fail
1.5:1Fail
2.3:1Fail
4.5:1AA18

Similar palettes

More like Cosmic Aurora Shards

View all Vibrant
City Night Electric
Cyber Future
Cybernetic Chroma Burst
Cyberpunk Alley Glow
Digital Circuit Matrix
Digital Glitch Burst