Palette

Cosmic Dust Whisper

Soft, gradient purples and blues, painting a serene picture of swirling dust in a distant galaxy.

CoolMinimal5 colors

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

#261642#472F67#725F9C#B6A7DC#E1D9F3

Palette guide

How to use Cosmic Dust Whisper

Overview

The Cosmic Dust Whisper palette paints a serene picture of swirling dust in a distant galaxy with its soft, gradient purples and blues. Ranging from the profound #261642 to the delicate #E1D9F3, this collection is perfect for designers creating calm, ethereal, and visually harmonious digital experiences. It's particularly suitable for sophisticated branding, atmospheric web designs, or applications that aim for a serene yet captivating aesthetic. Developers can integrate these versatile hex codes, such as the rich #725F9C, to build visually compelling applications and websites, ensuring a consistent and enchanting user experience across various digital platforms.

Best used for

Serene meditation apps
Mysterious web backgrounds
Ethereal brand identity
Space-themed digital art
Luxury product showcases
Calm UI/UX design

Suggested color roles

primary

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

secondary

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

accent

#B6A7DC - A lighter, soft lavender, ideal for drawing attention to calls to action, highlights, or gentle glow effects.

background

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

text

#E1D9F3 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 #725F9C on #472F67.
Always use #E1D9F3 or white for body text on #261642 and #472F67 to meet WCAG AA standards.
Be cautious with contrast when layering #B6A7DC over #725F9C for crucial UI elements.
Test interactive elements for adequate contrast to ensure usability for users with visual impairments.

Recommended combinations

Deep Cosmic Glow

Creates a dynamic, layered background that evokes movement and deep space mystery.

#261642 · #472F67 · #725F9C

Ethereal Highlight

Perfect for drawing attention to key features or calls to action with a soft, shimmering contrast.

#472F67 · #B6A7DC · #E1D9F3

Mystic Layers

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

#261642 · #725F9C · #E1D9F3

CSS variables

:root {
  --cosmic-dust-whisper-1: #261642;
  --cosmic-dust-whisper-2: #472F67;
  --cosmic-dust-whisper-3: #725F9C;
  --cosmic-dust-whisper-4: #B6A7DC;
  --cosmic-dust-whisper-5: #E1D9F3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-dust-whisper": {
        1: "#261642",
        2: "#472F67",
        3: "#725F9C",
        4: "#B6A7DC",
        5: "#E1D9F3",
      }
    }
  }
}

Hex values

Color 1#261642

Color 2#472F67

Color 3#725F9C

Color 4#B6A7DC

Color 5#E1D9F3

Accessibility

Contrast checker

1.5:1Fail

3:1AA18

7.5:1AAA

12.1:1AAA

1.5:1Fail

2:1Fail

5.1:1AA

8.2:1AAA

3:1AA18

2:1Fail

2.5:1Fail

4:1AA18

7.5:1AAA

5.1:1AA

2.5:1Fail

1.6:1Fail

12.1:1AAA

8.2:1AAA

4:1AA18

1.6:1Fail

Similar palettes

More like Cosmic Dust Whisper

Winter Woodland Frost

Abyssal Current Flow