Palette

Cosmic Glow Dust

A mesmerizing blend of deep blues and purples, evoking the shimmering dust and gases of a distant nebula.

coolelegant5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000033#4B0082#8A2BE2#ADD8E6#DDA0DD

Palette guide

How to use Cosmic Glow Dust

Overview

The Cosmic Glow Dust palette offers a mesmerizing journey into the ethereal depths of space, blending deep, mysterious blues and purples with lighter, shimmering accents. Featuring a profound #000033 (deep navy) as its anchor, it transitions beautifully through the rich indigo of #4B0082 and the vibrant violet of #8A2BE2. Lighter hues like the serene #ADD8E6 (light blue) and the soft lavender of #DDA0DD provide contrast, evoking distant stardust and nebulae. This cool-toned selection is perfect for creating designs that require an elegant, mystical, or futuristic feel. Designers can leverage its depth for immersive backgrounds, while developers will appreciate the distinct contrast for sophisticated UI elements.

Best used for

Sci-fi game interfaces and environments
Luxury brand websites and digital art
Ethereal event invitations and branding
Mystical book covers and fantasy illustrations
High-end tech product marketing materials
Space-themed educational content

Suggested color roles

primary

Utilize #000033 as a foundational dark canvas for immersive interfaces, or as a strong brand anchor, establishing an immediate sense of depth and mystery.

secondary

Employ #4B0082 for significant content blocks, subheadings, or as a rich background for sections that demand attention without overwhelming the primary dark tone.

accent

Apply #8A2BE2 to draw immediate attention to interactive elements, calls-to-action, or as a vibrant highlight in cosmic-themed illustrations and data visualizations.

background

Leverage #ADD8E6 for lighter sections, subtle gradients, or as a clean backdrop where content needs to pop with an ethereal glow, contrasting with deeper tones.

text

For dark backgrounds like #000033 or #4B0082, use a crisp white or very light grey for readability. On lighter backgrounds such as #ADD8E6 or #DDA0DD, a deep charcoal or black offers excellent contrast.

Accessibility notes

Ensure sufficient contrast for text on backgrounds; for instance, #ADD8E6 provides good readability against #000033.
When using #8A2BE2 as a background, pair it with white or a very light gray text to meet WCAG AA standards.
Test color combinations, especially purple-blue gradients, for different forms of colorblindness to maintain distinction.
Reserve #DDA0DD and #ADD8E6 for larger text or UI elements to ensure legibility against medium-dark colors.

Recommended combinations

Deep Nebula

Ideal for creating deep, immersive backgrounds or complex interstellar UI gradients with a mysterious vibe.

#000033 · #4B0082 · #8A2BE2

Ethereal Glow

Excellent for lighter sections, subtle accents, or evoking a soft, distant starlight effect in headers or graphics.

#ADD8E6 · #DDA0DD · #4B0082

Cosmic Contrast

Perfect for high-impact calls-to-action or showcasing key data points against a dark backdrop with vibrant highlights.

#000033 · #8A2BE2 · #ADD8E6

CSS variables

:root {
  --cosmic-glow-dust-2-1: #000033;
  --cosmic-glow-dust-2-2: #4B0082;
  --cosmic-glow-dust-2-3: #8A2BE2;
  --cosmic-glow-dust-2-4: #ADD8E6;
  --cosmic-glow-dust-2-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-glow-dust-2": {
        1: "#000033",
        2: "#4B0082",
        3: "#8A2BE2",
        4: "#ADD8E6",
        5: "#DDA0DD",
      }
    }
  }
}

Hex values

Color 1#000033

Color 2#4B0082

Color 3#8A2BE2

Color 4#ADD8E6

Color 5#DDA0DD

Accessibility

Contrast checker

1.5:1Fail

3.4:1AA18

13.1:1AAA

9.7:1AAA

1.5:1Fail

2.2:1Fail

8.5:1AAA

6.3:1AA

3.4:1AA18

2.2:1Fail

3.9:1AA18

2.9:1Fail

13.1:1AAA

8.5:1AAA

3.9:1AA18

1.4:1Fail

9.7:1AAA

6.3:1AA

2.9:1Fail

1.4:1Fail

Similar palettes

More like Cosmic Glow Dust

View all cool

Celestial Dust Stream

Celestial Echo Nebula

Astral Glow Nebula

Aurora Sky Glow

Celestial Comet Dust

Celestial Nebula Glow