Back to palettes

Palette

Cosmic Dust Cloud

A dreamy, ethereal palette that evokes the swirling, pastel beauty of distant cosmic formations.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F4F4F#483D8B#6A5ACD#8A2BE2#BA55D3

Palette guide

How to use Cosmic Dust Cloud

Overview

The Cosmic Dust Cloud palette offers a dreamy, ethereal blend that evokes the swirling, pastel beauty of distant cosmic formations. Featuring shades like the profound #2F4F4F, the rich #483D8B, and the vibrant #BA55D3, this collection provides a calm yet captivating aesthetic. Designers can leverage the strong contrast between deep and light purples to create striking visual hierarchies, perfect for conveying mystery and allure. Developers will find these hex codes ideal for crafting immersive digital experiences, from sophisticated dark mode interfaces to evocative website themes, ensuring a visually rich and engaging user journey that conveys depth and cosmic wonder across various digital platforms.

Best used for

  • Luxury dark mode UI/UX design
  • Mystical or fantasy game interfaces
  • High-end event or brand identity
  • Digital art with deep space themes
  • E-commerce for unique artisanal products
  • Fashion editorial layouts with an elegant, dark edge

Suggested color roles

primary

Designate #2F4F4F as a profound primary, ideal for main backgrounds, commanding headers, or foundational brand elements.

secondary

Utilize #483D8B as a rich secondary, excellent for subheadings, navigation, or larger background sections to add depth.

accent

Apply #8A2BE2 as a vibrant accent, perfect for interactive elements, icons, or highlights that need to draw attention gently.

background

The deep #2F4F4F provides an immersive dark canvas. Alternatively, #BA55D3 can serve as a delicate, ethereal background.

text

White or a very light gray provides excellent contrast on #2F4F4F, #483D8B, and #6A5ACD. Use #2F4F4F for text on #BA55D3.

Accessibility notes

  • Ensure white text on #2F4F4F, #483D8B, and #6A5ACD meets WCAG AA contrast standards for readability.
  • Avoid pairing #8A2BE2 and #BA55D3 for small text due to their close values and potential low contrast; reserve for larger graphics.
  • The lighter shade #BA55D3 works well for subtle glow effects or as a background for darker text.
  • For body text on #BA55D3, consider using #2F4F4F or #483D8B for better legibility than a standard black.

Recommended combinations

Cosmic Depths

Combine the deepest shades for a profound background with a vibrant purple and light pink for striking text or key UI elements.

#2F4F4F · #483D8B · #BA55D3

Ethereal Flow

Create smooth gradients or layered effects in UI design, mimicking the atmospheric transition of cosmic dust clouds.

#483D8B · #6A5ACD · #8A2BE2

Mystic Contrast

Use #BA55D3 as a light background, #2F4F4F for primary text, and #6A5ACD for secondary information or interactive elements.

#BA55D3 · #2F4F4F · #6A5ACD

CSS variables

:root {
  --cosmic-dust-cloud-1: #2F4F4F;
  --cosmic-dust-cloud-2: #483D8B;
  --cosmic-dust-cloud-3: #6A5ACD;
  --cosmic-dust-cloud-4: #8A2BE2;
  --cosmic-dust-cloud-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-dust-cloud": {
        1: "#2F4F4F",
        2: "#483D8B",
        3: "#6A5ACD",
        4: "#8A2BE2",
        5: "#BA55D3",
      }
    }
  }
}

Related searches

dreamy ethereal purple palettemysterious cosmic dust colorsspace nebula design schemevibrant purple UI colorselegant dark mode branding

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#483D8B
·
Color 3#6A5ACD
·
Color 4#8A2BE2
·
Color 5#BA55D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.7:1Fail
1.5:1Fail
2.3:1Fail
2
1:1Fail
1.7:1Fail
1.5:1Fail
2.3:1Fail
3
1.7:1Fail
1.7:1Fail
1.1:1Fail
1.3:1Fail
4
1.5:1Fail
1.5:1Fail
1.1:1Fail
1.5:1Fail
5
2.3:1Fail
2.3:1Fail
1.3:1Fail
1.5:1Fail

Similar palettes

More like Cosmic Dust Cloud

View all cool
Galactic Cloud Drift
Galactic Ice Nebula
Nebula Whispers Soft
Orion Cloud Veil
Celestial Aurora Dance
Celestial Dreamscape