Back to palettes

Palette

Cosmic Dust Whisper

A mysterious blend of dark blues and purples with subtle stardust glimmer, hinting at distant wonders.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A1F36#30265F#5D378D#B48CC9#D9D2EE

Palette guide

How to use Cosmic Dust Whisper

Overview

The Cosmic Dust Whisper palette offers a mysterious blend of dark blues and purples with subtle stardust glimmer, hinting at distant wonders. Ranging from the profound #1A1F36 to the soft #D9D2EE, this collection is perfect for designers creating dark, ethereal, and visually intriguing digital experiences. It's particularly suitable for sci-fi game interfaces, abstract art, or branding that seeks to convey wonder and depth. Developers can integrate these versatile hex codes, such as the rich #5D378D, to build visually compelling applications and websites, ensuring a consistent and enchanting user experience across various digital platforms.

Best used for

  • Sci-fi game environments
  • Abstract digital art
  • Mysterious brand identity
  • Ethereal photography showcases
  • Conceptual website designs
  • Dark mode UI/UX

Suggested color roles

primary

#30265F - A deep, grounding purple-blue that serves as an excellent base for large sections or main content areas.

secondary

#5D378D - A rich mid-tone purple, suitable for secondary information, interactive components, or subtle data visualization.

accent

#B48CC9 - A lighter, more luminous purple, ideal for drawing attention to calls to action, highlights, or subtle glow effects.

background

#1A1F36 - The deepest, most enveloping shade, creating a profound and immersive backdrop for all other elements.

text

#D9D2EE or white - Provides clear readability and a soft glow against the darker shades within the palette.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using #5D378D on #30265F.
  • Always use #D9D2EE or white for body text on #1A1F36 and #30265F to meet WCAG AA standards.
  • Be cautious with contrast when layering #B48CC9 over #5D378D for crucial UI elements.
  • Test interactive elements for adequate contrast to ensure usability for users with visual impairments.

Recommended combinations

Nebula Depth

Creates a layered, atmospheric background perfect for conveying depth and mystery in digital interfaces or art.

#1A1F36 · #30265F · #5D378D

Ethereal Glimmer

Ideal for highlighting key information or interactive elements, providing a soft, ethereal shimmer.

#30265F · #B48CC9 · #D9D2EE

Cosmic Contrast

Excellent for establishing clear visual hierarchy, separating content blocks with a dark base and light accents.

#1A1F36 · #5D378D · #D9D2EE

CSS variables

:root {
  --cosmic-dust-whisper-3-1: #1A1F36;
  --cosmic-dust-whisper-3-2: #30265F;
  --cosmic-dust-whisper-3-3: #5D378D;
  --cosmic-dust-whisper-3-4: #B48CC9;
  --cosmic-dust-whisper-3-5: #D9D2EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-dust-whisper-3": {
        1: "#1A1F36",
        2: "#30265F",
        3: "#5D378D",
        4: "#B48CC9",
        5: "#D9D2EE",
      }
    }
  }
}

Related searches

dark blue purple palettecosmic galaxy UI colorsethereal space designmysterious dark themestardust glimmer aesthetic

Palette colors

Hex values

Color 1#1A1F36
·
Color 2#30265F
·
Color 3#5D378D
·
Color 4#B48CC9
·
Color 5#D9D2EE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.9:1Fail
5.8:1AA
11.1:1AAA
2
1.2:1Fail
1.5:1Fail
4.8:1AA
9.2:1AAA
3
1.9:1Fail
1.5:1Fail
3.1:1AA18
6:1AA
4
5.8:1AA
4.8:1AA
3.1:1AA18
1.9:1Fail
5
11.1:1AAA
9.2:1AAA
6:1AA
1.9:1Fail

Similar palettes

More like Cosmic Dust Whisper

View all dark
Celestial Void Gaze
Mystic Nebula Gaze
Celestial Night Bloom
Celestial Night Sky
Celestial Sapphire Dust
Cosmic Drift Dust