Palette

Galactic Void Dust

Deep, enigmatic purples and blues that conjure the vast, silent beauty of distant nebulae.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A1A2E#2B2D42#41436A#5D5E8B#8283B4

Palette guide

How to use Galactic Void Dust

Overview

The Galactic Void Dust palette captures the enigmatic beauty of distant nebulae with its blend of deep blues and purples. Anchored by the profound #1A1A2E, it gracefully transitions through shades like #2B2D42 and #41436A, offering rich depth. The lighter #5D5E8B and #8283B4 introduce a serene, ethereal quality, perfect for designs that aim for mystery, tranquility, and sophistication. This palette is highly effective for creating immersive digital experiences, elegant branding, or any project needing a calm yet intriguing cosmic feel. Designers and developers will find it versatile for crafting compelling visual narratives that evoke silent beauty.

Best used for

Luxury website design
Meditation apps
Abstract digital art
High-end editorial layouts
Space exploration themes
Elegant presentation backgrounds

Suggested color roles

primary

#1A1A2E (Deep, foundational blue-black, providing gravitas for large backgrounds and main sections.)

secondary

#2B2D42 (Rich, dark blue-purple, ideal for secondary content areas, panels, or subtle layering.)

accent

#5D5E8B (Muted, ethereal purple-blue, best for subtle highlights, icons, or decorative elements that need a soft glow.)

background

#1A1A2E (A vast, tranquil cosmic backdrop that creates an immersive and sophisticated atmosphere.)

text

#8283B4 (A lighter purple-blue, suitable for larger text on dark backgrounds, but consider white for optimal body text readability.)

Accessibility notes

For body text, #8283B4 on #1A1A2E may require careful testing; white text is often safer for WCAG AA compliance.
Contrast between #2B2D42 and #41436A is low; use them for gradients or adjacent elements, not contrasting text.
Ensure active UI elements have sufficient contrast against their background, especially with the darker shades.
Always verify contrast ratios for text against backgrounds to ensure WCAG AA compliance, defaulting to white for critical information.

Recommended combinations

Nebula Core

For dark backgrounds and main content areas, creating a sense of deep, layered space.

#1A1A2E · #2B2D42 · #41436A

Cosmic Veil

Perfect for subheadings, secondary buttons, or subtle visual layering that adds atmospheric nuance.

#41436A · #5D5E8B · #2B2D42

Stellar Text

Effective for headers and important text on dark backgrounds, providing a soft, readable contrast.

#1A1A2E · #8283B4 · #41436A

CSS variables

:root {
  --galactic-void-dust-1: #1A1A2E;
  --galactic-void-dust-2: #2B2D42;
  --galactic-void-dust-3: #41436A;
  --galactic-void-dust-4: #5D5E8B;
  --galactic-void-dust-5: #8283B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-void-dust": {
        1: "#1A1A2E",
        2: "#2B2D42",
        3: "#41436A",
        4: "#5D5E8B",
        5: "#8283B4",
      }
    }
  }
}

Hex values

Color 1#1A1A2E

Color 2#2B2D42

Color 3#41436A

Color 4#5D5E8B

Color 5#8283B4

Accessibility

Contrast checker

1.3:1Fail

1.8:1Fail

2.8:1Fail

4.8:1AA

1.3:1Fail

1.4:1Fail

2.2:1Fail

3.8:1AA18

1.8:1Fail

1.4:1Fail

1.5:1Fail

2.6:1Fail

2.8:1Fail

2.2:1Fail

1.5:1Fail

1.7:1Fail

4.8:1AA

3.8:1AA18

2.6:1Fail

1.7:1Fail

Similar palettes

More like Galactic Void Dust