Back to palettes

Palette

Cosmic Drift Dust

Profound blacks and deep purples represent the vast, mysterious emptiness of intergalactic space.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Drift Dust 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 Drift Dust.

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

Data visualization

#000000#1E002B#4B0082#6A008A#8A2BE2

Palette guide

How to use Cosmic Drift Dust

Overview

The Cosmic Drift Dust palette features profound blacks and deep purples, representing the vast, mysterious emptiness of intergalactic space. With shades like the absolute #000000, the intense #1E002B, and the vibrant #8A2BE2, this collection offers a dark, enigmatic, and deeply engaging aesthetic. Designers can leverage the strong contrast between the deep base colors and the luminous lighter tones to create striking visual hierarchies. Developers will find these hex codes ideal for crafting immersive digital experiences, from sophisticated dark mode interfaces to evocative website themes, ensuring a visually rich and engaging user journey that conveys depth and cosmic wonder across various digital platforms.

Best used for

  • Luxury dark mode UI/UX design
  • Mystical or fantasy game interfaces
  • High-end event or brand identity
  • Digital art with deep space themes
  • E-commerce for unique artisanal products
  • Fashion editorial layouts with an elegant, dark edge

Suggested color roles

primary

Designate #000000 as a profound primary, ideal for main backgrounds, commanding headers, or foundational brand elements.

secondary

Utilize #1E002B as a rich secondary, excellent for subheadings, navigation, or larger background sections to add depth.

accent

Apply #8A2BE2 as a vibrant accent, perfect for interactive elements, icons, or highlights that need to draw attention.

background

The deep #000000 provides an immersive dark canvas. Alternatively, #4B0082 can serve as a slightly lighter dark background.

text

White or a very light gray provides excellent contrast on #000000, #1E002B, and #4B0082. Use white text for #6A008A and #8A2BE2.

Accessibility notes

  • Ensure white text on #000000, #1E002B, and #4B0082 meets WCAG AA contrast standards for readability.
  • Avoid pairing #6A008A and #8A2BE2 for small text due to their close values and potential low contrast; reserve for larger graphics.
  • The vibrant #8A2BE2 provides excellent contrast against the darker shades for calls-to-action.
  • For body text, ensure a strong contrast against any background, defaulting to white on darks or black on very light backgrounds (if applicable).

Recommended combinations

Void Depths

Combine the deepest shades for a profound background with a vibrant purple for striking text or key UI elements.

#000000 · #1E002B · #8A2BE2

Drifting Galaxy

Create smooth gradients or layered effects in UI design, mimicking the atmospheric transition of intergalactic space.

#1E002B · #4B0082 · #6A008A

Mystic Accent

Use #000000 as a dark background, #8A2BE2 for primary highlights, and #4B0082 for secondary information or interactive elements.

#000000 · #8A2BE2 · #4B0082

CSS variables

:root {
  --cosmic-drift-dust-1: #000000;
  --cosmic-drift-dust-2: #1E002B;
  --cosmic-drift-dust-3: #4B0082;
  --cosmic-drift-dust-4: #6A008A;
  --cosmic-drift-dust-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-drift-dust": {
        1: "#000000",
        2: "#1E002B",
        3: "#4B0082",
        4: "#6A008A",
        5: "#8A2BE2",
      }
    }
  }
}

Related searches

deep black purple palettemysterious galaxy design colorsdark space void schemevibrant purple UI colorselegant dark mode branding

Palette colors

Hex values

Color 1#000000
·
Color 2#1E002B
·
Color 3#4B0082
·
Color 4#6A008A
·
Color 5#8A2BE2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.6:1Fail
2:1Fail
3.5:1AA18
2
1.1:1Fail
1.5:1Fail
1.8:1Fail
3.2:1AA18
3
1.6:1Fail
1.5:1Fail
1.2:1Fail
2.2:1Fail
4
2:1Fail
1.8:1Fail
1.2:1Fail
1.8:1Fail
5
3.5:1AA18
3.2:1AA18
2.2:1Fail
1.8:1Fail

Similar palettes

More like Cosmic Drift Dust

View all dark
Cosmic Reaches
Galactic Void Shimmer
Mystic Nebula Gaze
Starlight Reef Whisper
Abyssal Void Hues
Celestial Lanterns