Palette

Nebula Veil Glimmer

Captures the ethereal beauty of a distant nebula, with swirling purples and mysterious stardust.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A0D2A#3A1F5E#7B4C9D#C69AE3#F0DFF9

Palette guide

How to use Nebula Veil Glimmer

Overview

The Nebula Veil Glimmer palette evokes the ethereal beauty of a distant nebula, with swirling purples and mysterious stardust. It deepens from the profound #1A0D2A, through the rich #3A1F5E, to the captivating #7B4C9D. The spectrum concludes with the delicate #C69AE3 and the luminous, near-white #F0DFF9, creating a sense of wonder and magical elegance. This palette is perfect for designers crafting vibrant yet sophisticated interfaces, luxurious branding, or immersive digital experiences that whisper of cosmic mystery. Its harmonious blend ensures visual appeal and versatility for both UI and graphic design, offering a truly enchanting aesthetic.

Best used for

Elegant and mystical website themes
Luxury beauty or wellness branding
High-end fashion e-commerce platforms
Digital art platforms or portfolios
Event branding for galas or exclusive parties
Creative app interfaces with a magical touch

Suggested color roles

primary

#1A0D2A - The deepest, almost black purple, forming an expansive, stable base for large backgrounds, footers, or primary structural elements, anchoring the design.

secondary

#3A1F5E - A rich, dark purple, excellent for content blocks, navigation bars, or subtle dividers, adding depth and sophistication.

accent

#7B4C9D - A vibrant, captivating medium purple, ideal for calls-to-action, interactive elements, or key visual highlights that need to pop with elegant flair.

background

#1A0D2A - Utilize this profound shade as the main canvas to establish a dark, luxurious, and ethereal atmosphere, allowing lighter elements to glimmer.

text

#F0DFF9 - For primary body text and headlines, providing excellent readability against the darker shades while maintaining the palette's delicate, luminous feel. Pure white is also a viable option for maximum contrast.

Accessibility notes

Ensure #F0DFF9 text on #1A0D2A or #3A1F5E backgrounds meets WCAG AA contrast ratios.
Avoid using #C69AE3 for small text on #7B4C9D due to potential contrast issues.
#7B4C9D is a strong accent, but pair with #F0DFF9 or white text for optimal accessibility on interactive elements.
Always test color combinations with accessibility tools, especially when using mid-range purples for text.

Recommended combinations

Cosmic Elegance

Excellent for sophisticated dark mode UIs, using the darkest for background and lightest for primary text.

#1A0D2A · #3A1F5E · #F0DFF9

Nebula Shimmer

Create smooth, atmospheric gradients for hero sections or layered visual effects, capturing a gentle glow.

#3A1F5E · #7B4C9D · #C69AE3

Magical Highlight

Use the deepest purple as the main background, #7B4C9D for headings or buttons, and #F0DFF9 for body text or important details.

#1A0D2A · #7B4C9D · #F0DFF9

CSS variables

:root {
  --nebula-veil-glimmer-1: #1A0D2A;
  --nebula-veil-glimmer-2: #3A1F5E;
  --nebula-veil-glimmer-3: #7B4C9D;
  --nebula-veil-glimmer-4: #C69AE3;
  --nebula-veil-glimmer-5: #F0DFF9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nebula-veil-glimmer": {
        1: "#1A0D2A",
        2: "#3A1F5E",
        3: "#7B4C9D",
        4: "#C69AE3",
        5: "#F0DFF9",
      }
    }
  }
}

Hex values

Color 1#1A0D2A

Color 2#3A1F5E

Color 3#7B4C9D

Color 4#C69AE3

Color 5#F0DFF9

Accessibility

Contrast checker

1.4:1Fail

3:1Fail

8:1AAA

14.7:1AAA

1.4:1Fail

2.2:1Fail

5.9:1AA

10.8:1AAA

3:1Fail

2.2:1Fail

2.7:1Fail

4.9:1AA

8:1AAA

5.9:1AA

2.7:1Fail

1.8:1Fail

14.7:1AAA

10.8:1AAA

4.9:1AA

1.8:1Fail

Similar palettes

More like Nebula Veil Glimmer

View all vibrant

Cosmic Cloud Bloom

Celestial Stardust Glaze

Cosmic Dust Swirl

Cosmic Iridescent Shine

Cosmic Nebula Hues

Celestial Opal Glow