Palette

Galactic Dust Cloud

A mysterious, expansive view of interstellar gas and dust, far out in the cosmic void.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Galactic Dust Cloud 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 Galactic Dust Cloud.

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

Data visualization

#2C0735#552A6E#BDC3C7#000000#E3AFC7

Palette guide

How to use Galactic Dust Cloud

Overview

The "Galactic Dust Cloud" palette (galactic-dust-cloud-3) presents a mysterious and expansive view of the cosmic void, blending deep, dark tones with unexpected lighter accents. Featuring absolute black #000000 as a grounding force, it integrates profound purples like #2C0735 and #552A6E. A cool, almost metallic gray #BDC3C7 introduces an industrial edge, while the soft, dusty rose #E3AFC7 offers a unique, ethereal contrast. This palette is ideal for designers seeking to create dramatic, sophisticated, and slightly unconventional designs that balance cosmic depth with subtle warmth.

Best used for

High-contrast art websites
Cyberpunk or sci-fi aesthetics
Modern luxury branding
Dark mode UI with unique accents
Abstract digital photography
Event branding for exclusive gatherings

Suggested color roles

primary

#000000 - The ultimate foundational dark background, providing stark contrast and modern elegance.

secondary

#552A6E - Use for major content blocks, navigation, or subheadings, offering a rich, deep purple.

accent

#E3AFC7 - Perfect for highlights, calls-to-action, or decorative elements, providing a soft, unexpected pop.

background

#000000 - The primary background for a dramatic, high-contrast visual experience.

text

#BDC3C7 - Optimal for primary body text on black or dark purple backgrounds, offering clear readability.

Accessibility notes

Ensure #BDC3C7 text on #000000 background meets WCAG AAA contrast for optimal readability.
#E3AFC7 on #000000 can be used for larger headings or accents, but verify contrast for smaller text.
Avoid using #2C0735 or #552A6E for text on black without significant size or weight.
The pinkish #E3AFC7 should be checked carefully for contrast when paired with #BDC3C7 for interactive states.

Recommended combinations

Void & Bloom

Dramatic dark interfaces with rich purple sections and soft, inviting accents.

#000000 · #552A6E · #E3AFC7

Cosmic Contrast

Modern, high-contrast designs with clear readability and a touch of warmth.

#000000 · #BDC3C7 · #E3AFC7

Mystic Veil

Layered dark purple elements with a cool, metallic gray for depth and sophistication.

#2C0735 · #552A6E · #BDC3C7

CSS variables

:root {
  --galactic-dust-cloud-3-1: #2C0735;
  --galactic-dust-cloud-3-2: #552A6E;
  --galactic-dust-cloud-3-3: #BDC3C7;
  --galactic-dust-cloud-3-4: #000000;
  --galactic-dust-cloud-3-5: #E3AFC7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-dust-cloud-3": {
        1: "#2C0735",
        2: "#552A6E",
        3: "#BDC3C7",
        4: "#000000",
        5: "#E3AFC7",
      }
    }
  }
}

Hex values

Color 1#2C0735

Color 2#552A6E

Color 3#BDC3C7

Color 4#000000

Color 5#E3AFC7

Accessibility

Contrast checker

1.6:1Fail

9.9:1AAA

1.2:1Fail

9.4:1AAA

1.6:1Fail

6.1:1AA

1.9:1Fail

5.8:1AA

9.9:1AAA

6.1:1AA

11.8:1AAA

1.1:1Fail

1.2:1Fail

1.9:1Fail

11.8:1AAA

11.2:1AAA

9.4:1AAA

5.8:1AA

1.1:1Fail

11.2:1AAA

Similar palettes

More like Galactic Dust Cloud