Back to palettes

Palette

Cosmic Dust Bloom

The ethereal beauty of distant star-forming regions, a delicate bloom of dust and gas in space.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3A1C4F#1E0A40#E1C7E8#FFFFFF#000000

Palette guide

How to use Cosmic Dust Bloom

Overview

The Cosmic Dust Bloom palette captures the ethereal beauty of distant star-forming regions, a delicate bloom of dust and gas in space. Featuring shades like the profound #3A1C4F, the intense #1E0A40, and the luminous #E1C7E8, this collection offers a dark, mysterious, and deeply engaging aesthetic. The presence of pure #FFFFFF and #000000 provides ultimate contrast flexibility. Designers can leverage these 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 #1E0A40 as a profound primary, ideal for main backgrounds, commanding headers, or foundational brand elements.

secondary

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

accent

Apply #E1C7E8 as a luminous accent, perfect for interactive elements, icons, or highlights that need to draw attention gently.

background

The deep #000000 or #1E0A40 provides an immersive dark canvas. Alternatively, #FFFFFF can serve as a clean, bright background.

text

White (#FFFFFF) provides excellent contrast on #000000, #1E0A40, and #3A1C4F. Use black (#000000) for text on #FFFFFF or #E1C7E8.

Accessibility notes

  • Ensure #FFFFFF text on #000000, #1E0A40, and #3A1C4F meets WCAG AA contrast standards for readability.
  • Ensure #000000 text on #FFFFFF and #E1C7E8 meets WCAG AA contrast standards for readability.
  • Avoid pairing #3A1C4F with #E1C7E8 for small text due to potential low contrast unless contrast is confirmed.
  • The light #E1C7E8 works well for subtle glow effects or as a background for darker text.

Recommended combinations

Cosmic Void

Combine the deepest black with a dark purple and a luminous light purple for a dramatic header or a striking product display.

#000000 · #1E0A40 · #E1C7E8

Ethereal Bloom

Create layered effects or subtle gradients with the purples, using white for key highlights or interactive elements.

#1E0A40 · #3A1C4F · #FFFFFF

High Contrast

Use #FFFFFF as a bright background, #000000 for primary text, and #3A1C4F for secondary information or accents.

#FFFFFF · #000000 · #3A1C4F

CSS variables

:root {
  --cosmic-dust-bloom-1: #3A1C4F;
  --cosmic-dust-bloom-2: #1E0A40;
  --cosmic-dust-bloom-3: #E1C7E8;
  --cosmic-dust-bloom-4: #FFFFFF;
  --cosmic-dust-bloom-5: #000000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-dust-bloom": {
        1: "#3A1C4F",
        2: "#1E0A40",
        3: "#E1C7E8",
        4: "#FFFFFF",
        5: "#000000",
      }
    }
  }
}

Related searches

dark ethereal purple palettemysterious space dust colorscosmic bloom design schemehigh contrast dark UI colorselegant dark mode branding

Palette colors

Hex values

Color 1#3A1C4F
·
Color 2#1E0A40
·
Color 3#E1C7E8
·
Color 4#FFFFFF
·
Color 5#000000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
9.3:1AAA
14.4:1AAA
1.5:1Fail
2
1.2:1Fail
11.5:1AAA
17.9:1AAA
1.2:1Fail
3
9.3:1AAA
11.5:1AAA
1.6:1Fail
13.5:1AAA
4
14.4:1AAA
17.9:1AAA
1.6:1Fail
21:1AAA
5
1.5:1Fail
1.2:1Fail
13.5:1AAA
21:1AAA

Similar palettes

More like Cosmic Dust Bloom

View all dark
Celestial Dust Swirl
Cosmic Deep Slumber
Cosmic Stardust Drift
Dark Matter Shroud
Dark Matter Swirl
Deep Space Nebula