Palette

Cosmic Veil Glimmer

Gaze into the deep, enigmatic hues of the cosmos, where stardust dances in a velvet void.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0F021B#380E53#722DAA#D69AF2#EFE2FF

Palette guide

How to use Cosmic Veil Glimmer

Overview

The Cosmic Veil Glimmer palette plunges into the enigmatic depths of space, where stardust dances in a velvet void. It features the profound #0F021B, transitioning through the rich #380E53 and the vibrant #722DAA. Lighter, ethereal shades like #D69AF2 and the luminous #EFE2FF capture the essence of shimmering cosmic light. This palette is ideal for designs that aim for a mystical, luxurious, and expansive feel, perfect for high-end digital products, branding, or creative art projects requiring a touch of cosmic elegance and intrigue.

Best used for

Luxury brand identity design
High-end fashion or beauty websites
Digital art and illustration of galaxies
Event invitations for sophisticated gatherings
Dark-themed applications requiring a vibrant touch
Fantasy or sci-fi book cover designs

Suggested color roles

primary

Use #0F021B for dominant backgrounds, establishing a deep, mysterious foundation.

secondary

Apply #380E53 for supporting sections, navigation bars, or card elements to add depth.

accent

Leverage #D69AF2 for impactful calls to action, interactive elements, or focal points, drawing the eye with its brilliance.

background

The deepest purples, #0F021B and #380E53, are ideal for creating expansive dark canvases.

text

For general body text, use #EFE2FF against the darker purples. For headings, use #D69AF2 or a pure white.

Accessibility notes

Ensure #EFE2FF text has sufficient contrast against #0F021B, #380E53, and #722DAA backgrounds.
The bright #D69AF2 should be tested for contrast when used as text on lighter backgrounds, though it's best as an accent.
Avoid using #722DAA or #380E53 for small text on very similar background hues.
Provide alternative text descriptions or patterns for critical information conveyed solely by these purple hues for colorblind users.

Recommended combinations

Galaxy Depth

Creates a profound sense of depth for backgrounds with a soft, readable text color for content.

#0F021B · #380E53 · #EFE2FF

Cosmic Shimmer

Highlights key features with a luminous purple accent against a darker base, complemented by a brighter tone.

#380E53 · #722DAA · #D69AF2

Mystic Interface

Ideal for dark UI elements, with a dark background, a vibrant middle purple for active states, and a bright accent.

#0F021B · #722DAA · #EFE2FF

CSS variables

:root {
  --cosmic-veil-glimmer-1: #0F021B;
  --cosmic-veil-glimmer-2: #380E53;
  --cosmic-veil-glimmer-3: #722DAA;
  --cosmic-veil-glimmer-4: #D69AF2;
  --cosmic-veil-glimmer-5: #EFE2FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-veil-glimmer": {
        1: "#0F021B",
        2: "#380E53",
        3: "#722DAA",
        4: "#D69AF2",
        5: "#EFE2FF",
      }
    }
  }
}

Hex values

Color 1#0F021B

Color 2#380E53

Color 3#722DAA

Color 4#D69AF2

Color 5#EFE2FF

Accessibility

Contrast checker

1.3:1Fail

2.6:1Fail

9.3:1AAA

16.3:1AAA

1.3:1Fail

2:1Fail

7.2:1AAA

12.5:1AAA

2.6:1Fail

2:1Fail

3.7:1AA18

6.4:1AA

9.3:1AAA

7.2:1AAA

3.7:1AA18

1.7:1Fail

16.3:1AAA

12.5:1AAA

6.4:1AA

1.7:1Fail

Similar palettes

More like Cosmic Veil Glimmer

View all dark

Celestial Stardust Trails

Cosmic Haze Veil

Cosmic Nebula Swirl

Cosmic Reaches

Cosmic Stardust Drift

Dark Galaxy Nebula