Palette

Cosmic Dust Whisper

A deep and mysterious array of purples, reflecting the vast, quiet expanse of space and stardust.

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

#1E0C36#4A2C68#7B509D#A57FB7#CFBFDE

Palette guide

How to use Cosmic Dust Whisper

Overview

The Cosmic Dust Whisper palette offers a deep and mysterious array of purples, reflecting the vast, quiet expanse of space and stardust. Ranging from the profound #1E0C36 to the delicate #CFBFDE, 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 #7B509D, 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

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

secondary

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

accent

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

background

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

text

#CFBFDE 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 #7B509D on #4A2C68.
Always use #CFBFDE or white for body text on #1E0C36 and #4A2C68 to meet WCAG AA standards.
Be cautious with contrast when layering #A57FB7 over #7B509D 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.

#1E0C36 · #4A2C68 · #7B509D

Ethereal Glimmer

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

#4A2C68 · #A57FB7 · #CFBFDE

Cosmic Contrast

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

#1E0C36 · #7B509D · #CFBFDE

CSS variables

:root {
  --cosmic-dust-whisper-5-1: #1E0C36;
  --cosmic-dust-whisper-5-2: #4A2C68;
  --cosmic-dust-whisper-5-3: #7B509D;
  --cosmic-dust-whisper-5-4: #A57FB7;
  --cosmic-dust-whisper-5-5: #CFBFDE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-dust-whisper-5": {
        1: "#1E0C36",
        2: "#4A2C68",
        3: "#7B509D",
        4: "#A57FB7",
        5: "#CFBFDE",
      }
    }
  }
}

Hex values

Color 1#1E0C36

Color 2#4A2C68

Color 3#7B509D

Color 4#A57FB7

Color 5#CFBFDE

Accessibility

Contrast checker

1.6:1Fail

3:1Fail

5.4:1AA

10.5:1AAA

1.6:1Fail

1.9:1Fail

3.4:1AA18

6.6:1AA

3:1Fail

1.9:1Fail

1.8:1Fail

3.5:1AA18

5.4:1AA

3.4:1AA18

1.8:1Fail

1.9:1Fail

10.5:1AAA

6.6:1AA

3.5:1AA18

1.9:1Fail

Similar palettes

More like Cosmic Dust Whisper

Cosmic Dust Whisper

See it in context.

Ready when you are.

Built with Cosmic Dust Whisper.

How to use Cosmic Dust Whisper

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Nebula Depth

Ethereal Glimmer

Cosmic Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Cosmic Dust Whisper