Back to palettes

Palette

Galactic Dust Cloud

Ethereal purples and greys capture the soft, swirling mystery of interstellar dust clouds drifting through space.

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

#1C1030#3A2B5E#5F4A8E#977AD2#CEC4EC

Palette guide

How to use Galactic Dust Cloud

Overview

The "Galactic Dust Cloud" palette (galactic-dust-cloud-2) evokes the soft, swirling mystery of interstellar dust drifting through space. This dark, ethereal collection features a sophisticated blend of deep purples and muted grays, starting with the profound #1C1030 and progressing through #3A2B5E and #5F4A8E. The lighter, dreamy tones of #977AD2 and #CEC4EC provide essential contrast and luminosity. Designers can harness this palette to craft serene yet intriguing interfaces, branding, or digital art that feels both expansive and intimately detailed, perfect for conveying a sense of mystical calm.

Best used for

  • Mystical storytelling websites
  • Space exploration game interfaces
  • Serene meditation apps
  • Elegant art gallery displays
  • Dark mode productivity tools
  • Abstract photography backdrops

Suggested color roles

primary

#1C1030 - Best for extensive backgrounds or foundational sections, establishing a deep, calming, and dark atmosphere.

secondary

#5F4A8E - Use for major content blocks, navigation, or subheadings, offering a rich, mid-tone purple.

accent

#977AD2 - Ideal for interactive elements, highlights, or subtle calls-to-action that require a gentle pop.

background

#1C1030 - The deepest color, perfect for creating an immersive dark theme with cosmic depth.

text

#CEC4EC - Optimal for primary body text and headings on darker backgrounds to ensure excellent readability.

Accessibility notes

  • Ensure #CEC4EC on #1C1030 meets WCAG AA contrast for body text; aim for AAA for critical content.
  • Check contrast of #977AD2 against #5F4A8E for interactive elements to ensure visibility.
  • Avoid using #3A2B5E as text on #1C1030 due to insufficient contrast.
  • Lighter text like #CEC4EC should be used on all darker shades for maximum readability.

Recommended combinations

Deep Nebula

Creating sophisticated dark UIs with clear text and subtle hierarchical separation.

#1C1030 · #5F4A8E · #CEC4EC

Ethereal Swirl

Soft gradients or layered elements that evoke a hazy, dreamlike quality.

#3A2B5E · #977AD2 · #CEC4EC

Cosmic Glow

Accenting key information or calls-to-action against a profound dark backdrop.

#1C1030 · #977AD2 · #CEC4EC

CSS variables

:root {
  --galactic-dust-cloud-2-1: #1C1030;
  --galactic-dust-cloud-2-2: #3A2B5E;
  --galactic-dust-cloud-2-3: #5F4A8E;
  --galactic-dust-cloud-2-4: #977AD2;
  --galactic-dust-cloud-2-5: #CEC4EC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-dust-cloud-2": {
        1: "#1C1030",
        2: "#3A2B5E",
        3: "#5F4A8E",
        4: "#977AD2",
        5: "#CEC4EC",
      }
    }
  }
}

Related searches

mystical purple gray palettedark ethereal space colorscosmic dust ui themeserene purple palettegalaxy dark mode colors

Palette colors

Hex values

Color 1#1C1030
·
Color 2#3A2B5E
·
Color 3#5F4A8E
·
Color 4#977AD2
·
Color 5#CEC4EC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.4:1Fail
5.2:1AA
10.9:1AAA
2
1.4:1Fail
1.7:1Fail
3.6:1AA18
7.5:1AAA
3
2.4:1Fail
1.7:1Fail
2.1:1Fail
4.5:1AA18
4
5.2:1AA
3.6:1AA18
2.1:1Fail
2.1:1Fail
5
10.9:1AAA
7.5:1AAA
4.5:1AA18
2.1:1Fail

Similar palettes

More like Galactic Dust Cloud

View all dark
Cosmic Dust Glow
Cosmic Nebula Veil
Galactic Cloud Swirl
Space Cadet Dreams
Stardust Galaxy Veil
Celestial Glimmer Dust