Palette

Galactic Dust Cloud

Deep purples and starry lilacs drift through a cosmic expanse, mimicking the mysterious beauty of interstellar dust.

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

#2C1A3A#4A2B5E#7C4E9C#B38ED9#E0CCF0

Palette guide

How to use Galactic Dust Cloud

Overview

The "Galactic Dust Cloud" palette (galactic-dust-cloud) features deep purples and starry lilacs that drift through a cosmic expanse, mimicking the mysterious beauty of interstellar dust. This dark, mystic collection provides a harmonious gradient from the profound #2C1A3A to the softer #4A2B5E and #7C4E9C. Luminous shades like #B38ED9 and #E0CCF0 offer essential brightness and ethereal quality. Designers can utilize this range to create serene yet captivating digital environments, branding, or artistic projects that require a sense of depth, wonder, and sophisticated purple tones.

Best used for

Spiritual or wellness content
High-end beauty packaging
Abstract digital art and illustration
Sci-fi novel covers or websites
Elegant dark mode applications
Meditation and mindfulness apps

Suggested color roles

primary

#2C1A3A - Best for extensive backgrounds or foundational sections, providing a deep, grounding, and mystical base.

secondary

#7C4E9C - Use for major content blocks, navigation, or subheadings, offering a rich, inviting mid-purple.

accent

#B38ED9 - Ideal for interactive elements, calls-to-action, or subtle highlights that need to stand out gently.

background

#2C1A3A - The darkest hue, perfect for creating an immersive, dark-themed interface with cosmic depth.

text

#E0CCF0 - Optimal for primary body text and headings on darker backgrounds like #2C1A3A for excellent readability.

Accessibility notes

Ensure #E0CCF0 on #2C1A3A meets WCAG AA contrast for body text; aim for AAA for critical content.
Check contrast of #B38ED9 against #7C4E9C for interactive elements to ensure visibility.
Avoid using #4A2B5E as text on #2C1A3A due to insufficient contrast.
Lighter text like #E0CCF0 or a near-white is recommended for all darker shades for maximum readability.

Recommended combinations

Cosmic Depths

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

#2C1A3A · #7C4E9C · #E0CCF0

Nebula Gradient

Smooth transitions for backgrounds or data visualizations, evoking a hazy, dreamlike quality.

#4A2B5E · #B38ED9 · #E0CCF0

Mystic Shine

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

#2C1A3A · #B38ED9 · #E0CCF0

CSS variables

:root {
  --galactic-dust-cloud-1: #2C1A3A;
  --galactic-dust-cloud-2: #4A2B5E;
  --galactic-dust-cloud-3: #7C4E9C;
  --galactic-dust-cloud-4: #B38ED9;
  --galactic-dust-cloud-5: #E0CCF0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-dust-cloud": {
        1: "#2C1A3A",
        2: "#4A2B5E",
        3: "#7C4E9C",
        4: "#B38ED9",
        5: "#E0CCF0",
      }
    }
  }
}

Hex values

Color 1#2C1A3A

Color 2#4A2B5E

Color 3#7C4E9C

Color 4#B38ED9

Color 5#E0CCF0

Accessibility

Contrast checker

1.4:1Fail

2.6:1Fail

5.9:1AA

10.7:1AAA

1.4:1Fail

1.9:1Fail

4.3:1AA18

7.8:1AAA

2.6:1Fail

1.9:1Fail

2.3:1Fail

4.1:1AA18

5.9:1AA

4.3:1AA18

2.3:1Fail

1.8:1Fail

10.7:1AAA

7.8:1AAA

4.1:1AA18

1.8:1Fail

Similar palettes

More like Galactic Dust Cloud