Back to palettes

Palette

Celestial Dream Dust

Deep purples and light lavenders blend like stardust and nebulae in the vast, ethereal cosmic void.

darkcalm5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Dream Dust 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 Celestial Dream Dust.

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

Data visualization

#0F0419#2D1E4E#663399#CC99FF#E6E6FA

Palette guide

How to use Celestial Dream Dust

Overview

The Celestial Dream Dust palette offers a captivating journey through deep purples and ethereal lavenders, perfect for designs seeking a mystical and tranquil ambiance. Anchored by the profound #0F0419 and #2D1E4E, it transitions smoothly through the rich #663399 to the luminous #CC99FF, culminating in the airy #E6E6FA. This collection is ideal for creating designs that evoke cosmic wonder and introspective calm, providing a versatile range for both UI elements and immersive visual experiences. Designers and developers can leverage its depth for backgrounds and its lighter shades for interactive components or subtle highlights.

Best used for

  • Luxury spiritual or wellness brands
  • Fantasy or sci-fi game interfaces
  • Mystical event promotions
  • High-end cosmetic packaging
  • Meditation app UI design
  • E-commerce sites for artisan jewelry

Suggested color roles

primary

Use #0F0419 as a dominant, grounding color for large background areas or header sections, establishing a deep, cosmic foundation.

secondary

Employ #2D1E4E or #663399 for prominent UI elements like navigation menus, card backgrounds, or secondary headings to add depth without overwhelming.

accent

Apply #CC99FF sparingly for interactive elements, calls to action, or subtle glowing effects to draw attention and add an ethereal touch.

background

#E6E6FA provides a light, airy canvas for main content areas, ensuring readability and a sense of openness.

text

For dark backgrounds, use #CC99FF or #E6E6FA. For light backgrounds like #E6E6FA, a dark charcoal or #0F0419 ensures excellent readability.

Accessibility notes

  • Ensure sufficient contrast when using #CC99FF for text on #E6E6FA; it might require larger font sizes.
  • #0F0419 offers strong contrast against #E6E6FA for primary text, meeting WCAG AA standards.
  • Avoid placing #663399 directly on #2D1E4E for small text due to potential low contrast.
  • Use #E6E6FA for backgrounds where detailed content requires high readability.

Recommended combinations

Deep Cosmic

Ideal for dark mode interfaces with a vibrant accent and light text.

#0F0419 · #CC99FF · #E6E6FA

Ethereal Gradient

Suitable for hero sections or subtle background gradients to create depth.

#2D1E4E · #663399 · #CC99FF

Tranquil Interface

A clean, readable combination for content-heavy pages with distinct headings.

#E6E6FA · #0F0419 · #663399

CSS variables

:root {
  --celestial-dream-dust-2-1: #0F0419;
  --celestial-dream-dust-2-2: #2D1E4E;
  --celestial-dream-dust-2-3: #663399;
  --celestial-dream-dust-2-4: #CC99FF;
  --celestial-dream-dust-2-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-dream-dust-2": {
        1: "#0F0419",
        2: "#2D1E4E",
        3: "#663399",
        4: "#CC99FF",
        5: "#E6E6FA",
      }
    }
  }
}

Related searches

dark purple web designmystical UI color schemecosmic branding palettelavender and indigo themedreamy website colors

Palette colors

Hex values

Color 1#0F0419
·
Color 2#2D1E4E
·
Color 3#663399
·
Color 4#CC99FF
·
Color 5#E6E6FA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.4:1Fail
9.1:1AAA
16.2:1AAA
2
1.3:1Fail
1.8:1Fail
6.8:1AA
12.1:1AAA
3
2.4:1Fail
1.8:1Fail
3.8:1AA18
6.8:1AA
4
9.1:1AAA
6.8:1AA
3.8:1AA18
1.8:1Fail
5
16.2:1AAA
12.1:1AAA
6.8:1AA
1.8:1Fail

Similar palettes

More like Celestial Dream Dust

View all dark
Cosmic Dust Trail
Starry Night Veil
Abyssal Bloom Depths
Ancient Fern Whisper
Astral Dream Hues
Autumn Dewdrop