Palette

Stardust Bloom Drift

A journey into the ethereal beauty of a distant nebula, where cosmic dust intertwines with starlight.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A0F2B#3B2E50#5C4F71#8C7DA2#BBADC2

Palette guide

How to use Stardust Bloom Drift

Overview

The 'Stardust Bloom Drift' palette offers a refined journey through muted purples and grays, evoking the serene beauty of a distant nebula. Starting with the profound #1A0F2B (Deep Plum) and progressing through #3B2E50 (Dark Lavender) and #5C4F71 (Muted Violet), it culminates in the softer #8C7DA2 (Dusty Purple) and #BBADC2 (Pale Lilac). This collection is ideal for designers and developers seeking to create sophisticated, mystical, and subtly elegant experiences. Perfect for branding, UI, or digital art that requires a soft, ethereal touch, it provides a sense of calm and understated luxury, making any design feel polished and inviting.

Best used for

Luxury wellness and spa websites
Ethereal wedding invitations and decor
High-end cosmetic or skincare branding
Abstract digital art and photography
Serene meditation app interfaces
Fashion blogs with a sophisticated aesthetic

Suggested color roles

primary

Use #1A0F2B as a deep, grounding background to establish a sophisticated and mysterious atmosphere.

secondary

Dark Lavender (#3B2E50) or Muted Violet (#5C4F71) can serve as main content areas or secondary panels.

accent

Pale Lilac (#BBADC2) provides a soft, luminous accent, ideal for subtle highlights or interactive elements.

background

A gradient from #1A0F2B to #3B2E50 creates depth, or use #BBADC2 for a very light, airy background.

text

For dark backgrounds, use white or #BBADC2 for text. For lighter elements, a deep charcoal or #1A0F2B provides excellent readability.

Accessibility notes

Ensure sufficient contrast when placing text on any of the darker purples; use #BBADC2 or white.
The lighter hues, #8C7DA2 and #BBADC2, offer good contrast for dark text but check against WCAG standards.
Avoid using #3B2E50 text on #1A0F2B background; their proximity in value may hinder readability.
Consider larger font sizes for text elements that use #5C4F71 against a slightly darker background.

Recommended combinations

Nebula Haze

Creates a soft, atmospheric background with a delicate highlight, ideal for hero sections or brand headers.

#1A0F2B · #5C4F71 · #BBADC2

Drifting Bloom

Excellent for a gentle, feminine aesthetic, using the lighter tones for main content and accents.

#3B2E50 · #8C7DA2 · #BBADC2

Deep Whisper

Provides a sophisticated, muted look, suitable for elegant interfaces or subtle branding elements.

#1A0F2B · #3B2E50 · #8C7DA2

CSS variables

:root {
  --stardust-bloom-drift-1: #1A0F2B;
  --stardust-bloom-drift-2: #3B2E50;
  --stardust-bloom-drift-3: #5C4F71;
  --stardust-bloom-drift-4: #8C7DA2;
  --stardust-bloom-drift-5: #BBADC2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stardust-bloom-drift": {
        1: "#1A0F2B",
        2: "#3B2E50",
        3: "#5C4F71",
        4: "#8C7DA2",
        5: "#BBADC2",
      }
    }
  }
}

Hex values

Color 1#1A0F2B

Color 2#3B2E50

Color 3#5C4F71

Color 4#8C7DA2

Color 5#BBADC2

Accessibility

Contrast checker

1.5:1Fail

2.5:1Fail

4.9:1AA

8.6:1AAA

1.5:1Fail

1.7:1Fail

3.3:1AA18

5.8:1AA

2.5:1Fail

1.7:1Fail

2:1Fail

3.5:1AA18

4.9:1AA

3.3:1AA18

2:1Fail

1.8:1Fail

8.6:1AAA

5.8:1AA

3.5:1AA18

1.8:1Fail

Similar palettes

More like Stardust Bloom Drift

View all dark

Celestial Stardust Trails

Cosmic Jellyfish Bloom

Galactic Nebula Swirl

Astral Dream Hues

Celestial Aura Bloom

Celestial Dust Glimmer