Palette

Cosmic Void Shimmer

Inky blacks, deep blues, and ethereal purples capture the breathtaking beauty of distant cosmic clouds.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Void Shimmer 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 Void Shimmer.

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

Data visualization

#000000#191970#8A2BE2#DA70D6#FF69B4

Palette guide

How to use Cosmic Void Shimmer

Overview

The Cosmic Void Shimmer palette captures the breathtaking beauty of distant cosmic clouds, blending inky blacks, deep blues, and ethereal purples. It features true #000000 black and the profound #191970 (Midnight Blue), setting a mysterious stage. Vibrant accents like #8A2BE2 (Blue Violet), #DA70D6 (Orchid), and the luminous #FF69B4 (Hot Pink) provide a stunning, otherworldly shimmer. This palette is perfect for designs that aim for a dramatic, luxurious, and visually captivating feel, ideal for digital art, fashion, or any project requiring a blend of darkness and vibrant cosmic energy.

Best used for

High-end fashion or beauty websites
Digital art and illustration of nebulae and galaxies
Luxury brand identity design
Event marketing for exclusive evening parties
Dark mode applications with vibrant, feminine accents
Creative portfolio websites

Suggested color roles

primary

Use #000000 as the dominant background for absolute depth and maximum contrast with vibrant accents.

secondary

Apply #191970 for secondary backgrounds, panels, or subtle divisions, adding depth and a blue undertone.

accent

Leverage #FF69B4 or #DA70D6 for impactful calls to action, interactive elements, or focal points, demanding attention.

background

The true #000000 and #191970 are excellent for creating expansive, mysterious backdrops.

text

For primary text, use a crisp white or a very light gray against the darker backgrounds. For headings, #8A2BE2 can also be used.

Accessibility notes

Ensure white or light gray text has sufficient contrast against #000000 and #191970 backgrounds.
The vibrant accents #8A2BE2, #DA70D6, and #FF69B4 may not meet contrast ratios for small text; use for larger headings or graphic elements.
Avoid using #191970 text on #000000 backgrounds for body text as contrast will be low.
Provide alternative text descriptions or patterns for critical information conveyed solely by these vibrant hues for colorblind users.

Recommended combinations

Cosmic Night

Creates a dramatic dark background with a deep blue accent and a vibrant pink highlight for interactive elements.

#000000 · #191970 · #FF69B4

Nebula Glow

Highlights key features with a soft blue base and two distinct purple/pink accents, ideal for gradients or layered effects.

#191970 · #8A2BE2 · #DA70D6

Shimmer UI

Ideal for striking UI elements, using a deep background with two vibrant, luminous accents for active states or notifications.

#000000 · #DA70D6 · #FF69B4

CSS variables

:root {
  --cosmic-void-shimmer-1: #000000;
  --cosmic-void-shimmer-2: #191970;
  --cosmic-void-shimmer-3: #8A2BE2;
  --cosmic-void-shimmer-4: #DA70D6;
  --cosmic-void-shimmer-5: #FF69B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-void-shimmer": {
        1: "#000000",
        2: "#191970",
        3: "#8A2BE2",
        4: "#DA70D6",
        5: "#FF69B4",
      }
    }
  }
}

Hex values

Color 1#000000

Color 2#191970

Color 3#8A2BE2

Color 4#DA70D6

Color 5#FF69B4

Accessibility

Contrast checker

1.4:1Fail

3.5:1AA18

7.3:1AAA

7.9:1AAA

1.4:1Fail

2.5:1Fail

5.1:1AA

5.6:1AA

3.5:1AA18

2.5:1Fail

2.1:1Fail

2.3:1Fail

7.3:1AAA

5.1:1AA

2.1:1Fail

1.1:1Fail

7.9:1AAA

5.6:1AA

2.3:1Fail

1.1:1Fail

Similar palettes

More like Cosmic Void Shimmer

View all dark

Nebula Dream Dust

Cosmic Stardust Drift