Back to palettes

Palette

Cosmic Nebula Veil

A deep, swirling palette capturing the vibrant yet mysterious beauty of distant cosmic clouds and nebulas in the night sky.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Nebula Veil 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 Nebula Veil.

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

Data visualization

#1F002A#4A006F#6A00A0#9B00E0#D580FF

Palette guide

How to use Cosmic Nebula Veil

Overview

The Cosmic Nebula Veil palette offers a deep, swirling array of purples, capturing the vibrant yet mysterious beauty of distant cosmic clouds. It grounds itself with the ultra-deep #1F002A (near black purple) and the rich #4A006F (dark violet), transitioning through the intense #6A00A0 (medium purple) and the striking #9B00E0 (bright purple). The palette culminates in the luminous #D580FF (light fuchsia), evoking a mystical glow. This dark yet vibrant collection is perfect for designers and developers crafting immersive, sophisticated, or magical digital experiences. It excels in creating atmospheric backgrounds, unique branding, and UI elements that convey depth, wonder, and ethereal beauty.

Best used for

  • Mystical game environments and fantasy interfaces
  • Luxury brand identity and high-end digital marketing
  • Abstract digital art and cosmic illustrations
  • Elegant event branding and invitations
  • Fashion or beauty campaigns with an ethereal touch
  • Dark mode app interfaces with a magical aesthetic

Suggested color roles

primary

Utilize #1F002A as a deep, anchoring background color, providing a stable, dark canvas for the swirling nebula hues.

secondary

Employ #4A006F or #6A00A0 for significant content areas, subheadings, or distinct sections, offering rich, supporting purple tones.

accent

Apply #9B00E0 or #D580FF for high-impact calls-to-action, alerts, or to highlight key interactive features with intense, glowing vibrancy.

background

The darker purples like #1F002A and #4A006F are perfect for expansive, dark backgrounds, allowing the brighter colors to create a sense of depth and shimmer.

text

On dark backgrounds like #1F002A or #4A006F, use white or a very light gray for body text. For accents or larger headings on medium tones, #D580FF can be used with care.

Accessibility notes

  • Ensure strong contrast when using #9B00E0 or #D580FF for text against #1F002A or #4A006F.
  • White text on #1F002A, #4A006F, and #6A00A0 generally provides good readability.
  • Avoid using #6A00A0 as text on #4A006F due to potential low contrast; reserve for larger headlines or accents.
  • Test color combinations for different forms of colorblindness, as the purple spectrum can be challenging for some users.

Recommended combinations

Deep Veil

Creates a rich, evolving dark purple gradient, ideal for atmospheric backgrounds or elegant, layered UI components.

#1F002A · #4A006F · #6A00A0

Nebula Glow

Perfect for vibrant accents, interactive elements, or conveying a luminous, ethereal glow in illustrations and decorative elements.

#6A00A0 · #9B00E0 · #D580FF

Cosmic Shimmer

Excellent for establishing clear visual hierarchy, with bright, pulsating accents against a deep, mysterious backdrop.

#1F002A · #D580FF · #9B00E0

CSS variables

:root {
  --cosmic-nebula-veil-1: #1F002A;
  --cosmic-nebula-veil-2: #4A006F;
  --cosmic-nebula-veil-3: #6A00A0;
  --cosmic-nebula-veil-4: #9B00E0;
  --cosmic-nebula-veil-5: #D580FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-nebula-veil": {
        1: "#1F002A",
        2: "#4A006F",
        3: "#6A00A0",
        4: "#9B00E0",
        5: "#D580FF",
      }
    }
  }
}

Related searches

dark purple space palettemystical galaxy colorsvibrant purple gradientethereal dark themecosmic cloud ui

Palette colors

Hex values

Color 1#1F002A
·
Color 2#4A006F
·
Color 3#6A00A0
·
Color 4#9B00E0
·
Color 5#D580FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
3.2:1AA18
7.7:1AAA
2
1.4:1Fail
1.4:1Fail
2.3:1Fail
5.5:1AA
3
1.9:1Fail
1.4:1Fail
1.6:1Fail
3.9:1AA18
4
3.2:1AA18
2.3:1Fail
1.6:1Fail
2.4:1Fail
5
7.7:1AAA
5.5:1AA
3.9:1AA18
2.4:1Fail

Similar palettes

More like Cosmic Nebula Veil

View all dark
Galactic Cloud Swirl
Galactic Dust Cloud
Space Cadet Dreams
Stardust Galaxy Veil
Celestial Glimmer Dust
Celestial Lanterns