Palette

Cosmic Stardust Drift

Explores the deep purples and faint twinkles of distant nebulae and cosmic dust clouds.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2A0436#4C0963#7F0E85#BE4CD0#DCD2D8

Palette guide

How to use Cosmic Stardust Drift

Overview

The Cosmic Stardust Drift palette explores the profound and mystical side of space with a rich spectrum of purples. Anchored by the deep, almost black #2A0436 and followed by the opulent #4C0963, it builds towards the vibrant #7F0E85 and the luminous #BE4CD0. A soft, ethereal #DCD2D8 provides a delicate contrast, mimicking distant starlight. This palette is perfect for creating designs that are both luxurious and otherworldly, ideal for high-end digital products, branding, or creative art projects requiring a touch of cosmic elegance.

Best used for

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

Suggested color roles

primary

Use #2A0436 for dominant backgrounds, establishing a deep, mysterious foundation.

secondary

Apply #4C0963 for supporting sections, navigation bars, or card elements to add depth.

accent

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

background

The deepest purples, #2A0436 and #4C0963, are ideal for creating expansive dark canvases.

text

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

Accessibility notes

Ensure #DCD2D8 text has sufficient contrast against #2A0436, #4C0963, and #7F0E85 backgrounds.
The bright #BE4CD0 should be tested for contrast when used as text on lighter backgrounds, though it's best as an accent.
Avoid using #7F0E85 or #4C0963 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

Nebula Depth

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

#2A0436 · #4C0963 · #DCD2D8

Cosmic Glow

Highlights key features with a luminous purple accent against a darker base, complemented by light text.

#4C0963 · #BE4CD0 · #DCD2D8

Mystic Interface

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

#2A0436 · #7F0E85 · #BE4CD0

CSS variables

:root {
  --cosmic-stardust-drift-1: #2A0436;
  --cosmic-stardust-drift-2: #4C0963;
  --cosmic-stardust-drift-3: #7F0E85;
  --cosmic-stardust-drift-4: #BE4CD0;
  --cosmic-stardust-drift-5: #DCD2D8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-stardust-drift": {
        1: "#2A0436",
        2: "#4C0963",
        3: "#7F0E85",
        4: "#BE4CD0",
        5: "#DCD2D8",
      }
    }
  }
}

Hex values

Color 1#2A0436

Color 2#4C0963

Color 3#7F0E85

Color 4#BE4CD0

Color 5#DCD2D8

Accessibility

Contrast checker

1.3:1Fail

2:1Fail

4.4:1AA18

12.2:1AAA

1.3:1Fail

1.5:1Fail

3.4:1AA18

9.3:1AAA

2:1Fail

1.5:1Fail

2.2:1Fail

6.2:1AA

4.4:1AA18

3.4:1AA18

2.2:1Fail

2.8:1Fail

12.2:1AAA

9.3:1AAA

6.2:1AA

2.8:1Fail

Similar palettes

More like Cosmic Stardust Drift

Celestial Shimmer Glow

Celestial Stardust Trails