Back to palettes

Palette

Cosmic Dust Whisper

A shadowy journey through the cosmos, with faint whispers of stardust and distant, glowing nebulae.

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

#2F4F4F#483D8B#8A2BE2#FFC0CB#E6E6FA

Palette guide

How to use Cosmic Dust Whisper

Overview

The Cosmic Dust Whisper palette takes users on a shadowy journey through the cosmos, with faint whispers of stardust and distant, glowing nebulae. This unique palette, featuring #2F4F4F, #483D8B, #8A2BE2, #FFC0CB, and #E6E6FA, offers a blend of deep teals, purples, and soft pinks, ideal for creating a dark yet iridescent aesthetic. Designers can leverage this palette for fantasy art, bold branding, or innovative UI designs that require a touch of otherworldly magic. Developers will find these striking hex codes effective for creating captivating visual experiences, ensuring a consistent and enchanting user journey across various digital platforms.

Best used for

  • Fantasy digital art
  • Unique brand identity
  • Iridescent UI elements
  • Mystical game aesthetics
  • Creative website designs
  • Artistic photography showcases

Suggested color roles

primary

#483D8B - A strong, deep purple that serves as an excellent base for main content areas or primary branding.

secondary

#2F4F4F - A dark, muted teal providing a grounding contrast for supporting elements or backgrounds.

accent

#FFC0CB - A soft, luminous pink, ideal for drawing attention to calls to action, highlights, or subtle glow effects.

background

#2F4F4F - A deep, dark teal that creates a mysterious and immersive backdrop, allowing brighter elements to pop.

text

#E6E6FA or white - Provides excellent readability on darker shades and contributes to the ethereal feel.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing #8A2BE2 with #483D8B.
  • Always use #E6E6FA or white for body text on #2F4F4F and #483D8B to meet WCAG AA standards.
  • Be cautious with contrast when layering #FFC0CB over #8A2BE2 for crucial UI elements.
  • Test interactive elements for adequate contrast, particularly the vibrant accents against darker backgrounds.

Recommended combinations

Mystic Nebula

Creates a deep, atmospheric background with a gradient of cool and mysterious hues.

#2F4F4F · #483D8B · #8A2BE2

Iridescent Glow

Perfect for drawing attention to key features or interactive elements with a soft, ethereal luminescence.

#483D8B · #FFC0CB · #E6E6FA

Shadow & Light

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

#2F4F4F · #8A2BE2 · #FFC0CB

CSS variables

:root {
  --cosmic-dust-whisper-4-1: #2F4F4F;
  --cosmic-dust-whisper-4-2: #483D8B;
  --cosmic-dust-whisper-4-3: #8A2BE2;
  --cosmic-dust-whisper-4-4: #FFC0CB;
  --cosmic-dust-whisper-4-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-dust-whisper-4": {
        1: "#2F4F4F",
        2: "#483D8B",
        3: "#8A2BE2",
        4: "#FFC0CB",
        5: "#E6E6FA",
      }
    }
  }
}

Related searches

dark teal purple paletteiridescent cosmic colorsmysterious space aestheticfantasy UI designglowing nebula theme

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#483D8B
·
Color 3#8A2BE2
·
Color 4#FFC0CB
·
Color 5#E6E6FA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.5:1Fail
5.8:1AA
7.3:1AAA
2
1:1Fail
1.5:1Fail
5.9:1AA
7.4:1AAA
3
1.5:1Fail
1.5:1Fail
3.9:1AA18
4.8:1AA
4
5.8:1AA
5.9:1AA
3.9:1AA18
1.2:1Fail
5
7.3:1AAA
7.4:1AAA
4.8:1AA
1.2:1Fail

Similar palettes

More like Cosmic Dust Whisper

View all dark
Cosmic Reaches
Dark Galaxy Nebula
Dark Matter Gaze
Starlight Nebula Gaze
Amethyst Cavern Deep
Celestial Lanterns