Back to palettes

Palette

Celestial Veil Dance

A magical dance of vibrant purples and pinks, like the shimmering aurora borealis in a cosmic sky.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Veil Dance 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 Veil Dance.

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

Data visualization

#0A0A1F#3D0A3D#6B1C6B#A23CA2#DB6CDC

Palette guide

How to use Celestial Veil Dance

Overview

The "Celestial Veil Dance" palette is a magical dance of vibrant purples and pinks, like the shimmering aurora borealis in a cosmic sky. It starts with the profound #0A0A1F, transitions through the rich #3D0A3D and #6B1C6B, culminating in the luminous #A23CA2 and the vibrant #DB6CDC. This energetic and elegant palette is designed to make a bold statement, perfect for projects that need to convey fantasy, luxury, or a cutting-edge aesthetic. Developers can leverage its luminosity for captivating UI elements, while designers can create stunning visuals that command attention and evoke a sense of magical wonder.

Best used for

  • Fantasy game art and UI
  • Vibrant event branding
  • Cosmic-themed fashion design
  • Youth-oriented tech products
  • Digital art and illustrations
  • Luxury beauty product marketing

Suggested color roles

primary

#0A0A1F - A deep, rich base that grounds the vibrant palette, suitable for main backgrounds or dark mode.

secondary

#3D0A3D - Use for prominent sections, large headers, or to add depth to the purples.

accent

#DB6CDC - The brightest, most luminous shade, ideal for dazzling call-to-action buttons, icons, or glowing effects.

background

#0A0A1F - Provides a powerful, dark canvas that allows the lighter, vibrant purples to truly shine.

text

#DB6CDC - Excellent for headlines or short, impactful text on dark backgrounds. For body text, a crisp white like #FFFFFF is recommended for optimal readability.

Accessibility notes

  • Text in #DB6CDC on #0A0A1F provides excellent contrast, suitable for headings and critical UI.
  • Avoid using #A23CA2 or #DB6CDC for large blocks of body text due to their vibrancy potentially causing eye strain.
  • Ensure sufficient contrast for #6B1C6B text on #3D0A3D, especially for smaller font sizes.
  • Use a contrast checker to verify all color pairs meet WCAG AA standards, particularly for interactive elements.

Recommended combinations

Aurora Depths

Creates a dramatic, high-contrast look, perfect for eye-catching designs and vibrant branding.

#0A0A1F · #3D0A3D · #DB6CDC

Veil Gradient

Ideal for smooth, energetic gradients in backgrounds, banners, or digital art.

#3D0A3D · #6B1C6B · #A23CA2

Mystic Glow

Use the brightest colors as powerful accents against the deepest base for maximum visual impact and glow effects.

#0A0A1F · #A23CA2 · #DB6CDC

CSS variables

:root {
  --celestial-veil-dance-2-1: #0A0A1F;
  --celestial-veil-dance-2-2: #3D0A3D;
  --celestial-veil-dance-2-3: #6B1C6B;
  --celestial-veil-dance-2-4: #A23CA2;
  --celestial-veil-dance-2-5: #DB6CDC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-veil-dance-2": {
        1: "#0A0A1F",
        2: "#3D0A3D",
        3: "#6B1C6B",
        4: "#A23CA2",
        5: "#DB6CDC",
      }
    }
  }
}

Related searches

vibrant purple pink paletteaurora borealis colorsmagical cosmic dancedeep purple bright accentenergetic mystical hues

Palette colors

Hex values

Color 1#0A0A1F
·
Color 2#3D0A3D
·
Color 3#6B1C6B
·
Color 4#A23CA2
·
Color 5#DB6CDC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.9:1Fail
3.4:1AA18
6.7:1AA
2
1.2:1Fail
1.5:1Fail
2.8:1Fail
5.5:1AA
3
1.9:1Fail
1.5:1Fail
1.8:1Fail
3.6:1AA18
4
3.4:1AA18
2.8:1Fail
1.8:1Fail
1.9:1Fail
5
6.7:1AA
5.5:1AA
3.6:1AA18
1.9:1Fail

Similar palettes

More like Celestial Veil Dance

View all vibrant
Astral Nebula Bloom
Aurora Borealis Dance
Aurora Borealis Hues
Celestial Aurora Hues
Cosmic Aurora Shimmer
Cosmic Bloom Nebula