Back to palettes

Palette

Celestial Dust Stream

Soft, shimmering blues and purples swirling like distant cosmic dust trails in the vast night sky.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Dust Stream 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 Celestial Dust Stream.

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

Data visualization

#2C2C54#4A4A7F#6A6ABE#8B8BF0#C2C2FF

Palette guide

How to use Celestial Dust Stream

Overview

The Celestial Dust Stream palette features soft, shimmering blues and purples swirling like distant cosmic dust trails in the vast night sky. Ranging from the deep #2C2C54 to the lighter #C2C2FF, with harmonious intermediate shades like #4A4A7F, #6A6ABE, and #8B8BF0, this collection exudes an elegant and dreamy aura. It's ideal for designers and developers looking to create ethereal, calm, and sophisticated digital experiences, branding, or interfaces that evoke the serene beauty of the cosmos. Its cohesive gradient provides excellent versatility for visual storytelling.

Best used for

  • Sci-fi game UI and environment art
  • Astrology and spiritual websites
  • Luxury travel branding (night sky themes)
  • Meditation and relaxation apps
  • Digital art and illustration
  • Elegant event themes

Suggested color roles

primary

#2C2C54 serves as a deep, anchoring color for backgrounds, headers, or foundational UI elements, establishing a cosmic base.

secondary

#4A4A7F or #6A6ABE are excellent for secondary content areas, card backgrounds, or navigation, adding depth and visual interest.

accent

#C2C2FF provides a bright, ethereal highlight, perfect for interactive elements, calls to action, or subtle glowing effects.

background

For dark themes, #2C2C54 offers a rich canvas. For lighter content, #C2C2FF can be used sparingly.

text

For dark backgrounds, #C2C2FF or #8B8BF0 ensures excellent readability. For light backgrounds, a dark charcoal or #2C2C54 is ideal.

Accessibility notes

  • #C2C2FF provides strong contrast for text on #2C2C54, #4A4A7F, and #6A6ABE, meeting WCAG AA standards.
  • Be cautious when using #8B8BF0 for small text on #C2C2FF; ensure sufficient contrast.
  • Ensure interactive elements that use lighter shades on darker backgrounds have clear focus states.
  • This palette offers good options for high contrast text pairings, especially with the lightest and darkest shades.

Recommended combinations

Cosmic Flow

Ideal for dark mode interfaces with a luminous accent and clear hierarchy.

#2C2C54 · #C2C2FF · #6A6ABE

Dreamy Gradient

Perfect for background fills or hero sections, creating a smooth, ethereal transition.

#4A4A7F · #6A6ABE · #8B8BF0

Light Interaction

Use #C2C2FF as a light background for specific content blocks, with dark text and a deeper accent.

#C2C2FF · #2C2C54 · #4A4A7F

CSS variables

:root {
  --celestial-dust-stream-1: #2C2C54;
  --celestial-dust-stream-2: #4A4A7F;
  --celestial-dust-stream-3: #6A6ABE;
  --celestial-dust-stream-4: #8B8BF0;
  --celestial-dust-stream-5: #C2C2FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-dust-stream": {
        1: "#2C2C54",
        2: "#4A4A7F",
        3: "#6A6ABE",
        4: "#8B8BF0",
        5: "#C2C2FF",
      }
    }
  }
}

Related searches

cosmic blue purple palettedreamy space UI colorsethereal web designlavender and indigo themegalaxy dust color scheme

Palette colors

Hex values

Color 1#2C2C54
·
Color 2#4A4A7F
·
Color 3#6A6ABE
·
Color 4#8B8BF0
·
Color 5#C2C2FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
4.4:1AA18
7.8:1AAA
2
1.6:1Fail
1.7:1Fail
2.7:1Fail
4.8:1AA
3
2.8:1Fail
1.7:1Fail
1.6:1Fail
2.8:1Fail
4
4.4:1AA18
2.7:1Fail
1.6:1Fail
1.8:1Fail
5
7.8:1AAA
4.8:1AA
2.8:1Fail
1.8:1Fail

Similar palettes

More like Celestial Dust Stream

View all cool
Celestial Echo Nebula
Celestial Comet Dust
Celestial Nebula Glow
Cosmic Glow Dust
Galactic Azure Stream
Astral Glow Nebula