Palette

Celestial Veil Dance

A spectacular, high-energy burst of purples, blues, and greens like the ethereal Northern Lights.

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

#6A0DAD#8F00FF#DA70D6#00FFFF#39FF14

Palette guide

How to use Celestial Veil Dance

Overview

The "Celestial Veil Dance" palette is a spectacular, high-energy burst of purples, blues, and greens, like the ethereal Northern Lights. Featuring the intense #6A0DAD and #8F00FF, it introduces a vibrant contrast with #DA70D6 (Orchid), the striking #00FFFF (Aqua), and the luminous #39FF14 (Lime Green). This vibrant and energetic palette is designed to make a bold statement, perfect for projects that need to convey fantasy, neon aesthetics, or cutting-edge technology. 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

Neon-themed game interfaces
Sci-fi movie posters
Cyberpunk digital art
Youth-oriented tech branding
Music festival promotions
Vibrant fashion and streetwear

Suggested color roles

primary

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

secondary

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

accent

#00FFFF - A brilliant, eye-catching choice for call-to-action buttons, interactive elements, or striking visual highlights.

background

#6A0DAD - Provides a powerful, dark canvas that allows the lighter, vibrant colors to truly shine.

text

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

Accessibility notes

Text in #39FF14 on #6A0DAD provides high contrast, suitable for headings and critical UI.
Avoid using #DA70D6, #00FFFF, or #39FF14 for large blocks of body text due to their high vibrancy potentially causing eye strain.
Ensure sufficient contrast for #00FFFF text on #8F00FF, as some users might find it challenging.
Use a contrast checker to verify all color pairs meet WCAG AA standards, particularly for interactive elements.

Recommended combinations

Neon Aurora

Creates a high-impact, neon look, ideal for futuristic designs, alerts, or interactive elements.

#6A0DAD · #00FFFF · #39FF14

Cosmic Flow

Perfect for smooth, energetic gradients that convey movement and vibrancy in digital art or banners.

#8F00FF · #DA70D6 · #00FFFF

Energetic Burst

Use contrasting colors for strong visual impact, great for highlighting key features or calls to action.

#6A0DAD · #DA70D6 · #39FF14

CSS variables

:root {
  --celestial-veil-dance-1: #6A0DAD;
  --celestial-veil-dance-2: #8F00FF;
  --celestial-veil-dance-3: #DA70D6;
  --celestial-veil-dance-4: #00FFFF;
  --celestial-veil-dance-5: #39FF14;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-veil-dance": {
        1: "#6A0DAD",
        2: "#8F00FF",
        3: "#DA70D6",
        4: "#00FFFF",
        5: "#39FF14",
      }
    }
  }
}

Hex values

Color 1#6A0DAD

Color 2#8F00FF

Color 3#DA70D6

Color 4#00FFFF

Color 5#39FF14

Accessibility

Contrast checker

1.6:1Fail

3.2:1AA18

7.4:1AAA

6.8:1AA

1.6:1Fail

2:1Fail

4.6:1AA

4.3:1AA18

3.2:1AA18

2:1Fail

2.3:1Fail

2.1:1Fail

7.4:1AAA

4.6:1AA

2.3:1Fail

1.1:1Fail

6.8:1AA

4.3:1AA18

2.1:1Fail

1.1:1Fail

Similar palettes

More like Celestial Veil Dance

View all vibrant

Aurora Borealis Glow

Celestial Aurora Hues

Cosmic Aurora Shimmer

Cosmic Glow Dust

Galactic Aurora Bloom

Northern Lights Dance