Back to palettes

Palette

Celestial Dust Glimmer

Deep indigos and lavenders sparkle like distant nebulae, capturing the quiet grandeur of the cosmos.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A073F#4A2F7C#7C63AF#C4B2E0#EED7FF

Palette guide

How to use Celestial Dust Glimmer

Overview

The Celestial Dust Glimmer palette evokes the quiet grandeur of the cosmos, with deep indigos and lavenders that sparkle like distant nebulae. From the profound #1A073F to the rich #4A2F7C, it gracefully ascends through #7C63AF and #C4B2E0, culminating in the luminous #EED7FF. This collection is perfect for designers and developers seeking to create elegant, mystical, and deep digital experiences. Its harmonious blend of dark and light purples provides versatility for both immersive backgrounds and delicate, sparkling accents, ideal for captivating the user.

Best used for

  • Luxury spiritual or wellness apps
  • High-end jewelry e-commerce
  • Fantasy game environment art
  • Mystical event branding
  • Dark mode UI for creative platforms
  • Artistic photography portfolios

Suggested color roles

primary

#1A073F serves as a powerful, deep anchor for backgrounds, main headers, or foundational elements, setting a luxurious tone.

secondary

#4A2F7C or #7C63AF are excellent for secondary sections, navigation, or card backgrounds, adding depth and visual interest.

accent

#EED7FF or #C4B2E0 provide luminous highlights, perfect for interactive elements, calls to action, or subtle glowing effects.

background

For dark themes, #1A073F provides a rich base. For lighter sections, #EED7FF offers an ethereal canvas.

text

For dark backgrounds, #EED7FF or #C4B2E0 ensures excellent readability. For light backgrounds, a dark charcoal or #1A073F is ideal.

Accessibility notes

  • #EED7FF provides strong contrast for text on #1A073F, #4A2F7C, and #7C63AF, meeting WCAG AA standards.
  • Be careful when using #C4B2E0 for small text on #EED7FF; ensure sufficient contrast.
  • Ensure interactive elements that use the lighter shades on darker backgrounds have clear focus states.
  • This palette offers good options for high contrast text pairings, especially with the lightest and darkest shades.

Recommended combinations

Cosmic Luxury

A sophisticated dark mode setup with bright, readable text and a rich accent.

#1A073F · #EED7FF · #7C63AF

Nebula Gradient

Ideal for creating smooth, ethereal background gradients or layered UI components.

#4A2F7C · #7C63AF · #C4B2E0

Luminous Interaction

Use #EED7FF as a light background for content blocks, with #1A073F for text and #C4B2E0 for interactive highlights.

#EED7FF · #1A073F · #C4B2E0

CSS variables

:root {
  --celestial-dust-glimmer-1: #1A073F;
  --celestial-dust-glimmer-2: #4A2F7C;
  --celestial-dust-glimmer-3: #7C63AF;
  --celestial-dust-glimmer-4: #C4B2E0;
  --celestial-dust-glimmer-5: #EED7FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-dust-glimmer": {
        1: "#1A073F",
        2: "#4A2F7C",
        3: "#7C63AF",
        4: "#C4B2E0",
        5: "#EED7FF",
      }
    }
  }
}

Related searches

deep indigo lavender palettecosmic mystery colorstwilight purple web designelegant space UInebula branding scheme

Palette colors

Hex values

Color 1#1A073F
·
Color 2#4A2F7C
·
Color 3#7C63AF
·
Color 4#C4B2E0
·
Color 5#EED7FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.7:1AA18
9.4:1AAA
13.8:1AAA
2
1.7:1Fail
2.1:1Fail
5.4:1AA
7.9:1AAA
3
3.7:1AA18
2.1:1Fail
2.5:1Fail
3.7:1AA18
4
9.4:1AAA
5.4:1AA
2.5:1Fail
1.5:1Fail
5
13.8:1AAA
7.9:1AAA
3.7:1AA18
1.5:1Fail

Similar palettes

More like Celestial Dust Glimmer

View all dark