Palette

Cosmic Glow Dust

A breathtaking array of deep space hues punctuated by brilliant, distant nebulae and stardust.

vibrantenergetic5 colors

More vibrant 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

#1A1A2E#0F3460#E94560#FFD700#FF7F50

Palette guide

How to use Cosmic Glow Dust

Overview

The Cosmic Glow Dust palette offers a breathtaking array of deep space hues punctuated by brilliant, distant nebulae and stardust. Anchored by the profound #1A1A2E (dark navy) and the rich #0F3460 (deep blue), this palette comes alive with vibrant, energetic accents. The striking #E94560 (vibrant red-pink), luminous #FFD700 (golden yellow), and warm #FF7F50 (coral orange) provide explosive contrast, mimicking cosmic phenomena. Ideal for designers aiming for an energetic, space-themed, or neon-infused aesthetic, this palette is perfect for creating dynamic interfaces, eye-catching marketing, and immersive digital experiences that truly pop.

Best used for

Dynamic gaming interfaces and sci-fi art
Vibrant event posters and promotional materials
Modern tech branding with an energetic edge
Animated web backgrounds and interactive dashboards
Youth-oriented product packaging
Digital illustrations of nebulae and galaxies

Suggested color roles

primary

Use #1A1A2E as a deep, stable background or a primary brand color, providing a solid foundation against which brighter elements can shine.

secondary

Apply #0F3460 for secondary content areas, large text blocks, or navigation elements, offering a slightly lighter yet still profound depth.

accent

Deploy #E94560, #FFD700, or #FF7F50 for high-impact calls-to-action, alerts, or to highlight key interactive features with intense vibrancy.

background

The darker #1A1A2E or #0F3460 serve as excellent cosmic backdrops, allowing the vibrant accents to truly stand out like distant stars.

text

On dark backgrounds, crisp white or a very light gray is essential for readability. For lighter elements, a deep charcoal like #333333 can be used if any element allows, but white is generally preferred here.

Accessibility notes

Ensure strong contrast between vibrant accents like #E94560 and background colors for readability, especially for text.
Avoid using #E94560, #FFD700, or #FF7F50 for small, critical text unless contrast ratios are rigorously checked.
Provide alternative visual cues for information conveyed solely by the vibrant accent colors for colorblind users.
The dark background colors #1A1A2E and #0F3460 offer excellent contrast for white or light-colored text.

Recommended combinations

Cosmic Core

Creates a dramatic, deep space feel with a striking, energetic focal point perfect for headlines or hero sections.

#1A1A2E · #0F3460 · #E94560

Nebula Flare

Ideal for dynamic gradients, data visualization, or UI elements that need to convey warmth and energy within a dark theme.

#0F3460 · #FFD700 · #FF7F50

Stardust Pop

Excellent for emphasizing interactive components or alerts, providing high contrast and a vibrant, attention-grabbing effect.

#1A1A2E · #FFD700 · #E94560

CSS variables

:root {
  --cosmic-glow-dust-1: #1A1A2E;
  --cosmic-glow-dust-2: #0F3460;
  --cosmic-glow-dust-3: #E94560;
  --cosmic-glow-dust-4: #FFD700;
  --cosmic-glow-dust-5: #FF7F50;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-glow-dust": {
        1: "#1A1A2E",
        2: "#0F3460",
        3: "#E94560",
        4: "#FFD700",
        5: "#FF7F50",
      }
    }
  }
}

Hex values

Color 1#1A1A2E

Color 2#0F3460

Color 3#E94560

Color 4#FFD700

Color 5#FF7F50

Accessibility

Contrast checker

1.4:1Fail

4.5:1AA18

12.2:1AAA

6.8:1AA

1.4:1Fail

3.3:1AA18

8.9:1AAA

5:1AA

4.5:1AA18

3.3:1AA18

2.7:1Fail

1.5:1Fail

12.2:1AAA

8.9:1AAA

2.7:1Fail

1.8:1Fail

6.8:1AA

5:1AA

1.5:1Fail

1.8:1Fail

Similar palettes

More like Cosmic Glow Dust

View all vibrant

Astral Nebula Bloom

Celestial Nebula Hues

Celestial Veil Dance

Cosmic Aurora Shimmer

Cosmic Dust Trails

Cosmic Nebulae Dream