Back to palettes

Palette

Stellar Nebula Dust

Deep purples and ethereal lavenders, charting a course through swirling stellar nebula dust.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Stellar Nebula 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 Stellar Nebula Dust.

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

Data visualization

#1C0A3F#3F1C8A#7B4AD8#BF8CFF#E0C4FF

Palette guide

How to use Stellar Nebula Dust

Overview

The Stellar Nebula Dust palette offers a breathtaking gradient of purples, from the profound depths of #1C0A3F to the ethereal lightness of #E0C4FF. This exquisite range, featuring rich tones like #3F1C8A and #7B4AD8, alongside the softer #BF8CFF, captures the mystical beauty of cosmic dust clouds. It's a highly versatile palette for designers and developers aiming for elegance, sophistication, and a touch of the sublime. The smooth transitions between hues allow for compelling visual storytelling and a harmonious aesthetic across various digital and print applications, creating a truly memorable user experience.

Best used for

  • Artistic portfolio websites
  • Luxury product packaging
  • Spiritual and wellness applications
  • High-end fashion branding
  • Creative digital illustrations
  • Elegant event invitations

Suggested color roles

primary

Utilize #1C0A3F as a deep, grounding background color for main sections, setting a luxurious and mysterious tone.

secondary

Apply #3F1C8A for prominent headings, sub-sections, or larger graphic elements, maintaining depth with richness.

accent

The luminous #E0C4FF is perfect for delicate accents, hover states, or subtle design flourishes, adding an ethereal glow.

background

The profound #1C0A3F creates an immersive and elegant backdrop, allowing lighter purples to subtly emerge.

text

For primary text on dark backgrounds, use #E0C4FF or white for excellent legibility. Use #BF8CFF for secondary or descriptive text.

Accessibility notes

  • Ensure sufficient contrast for text, particularly when using #BF8CFF on #7B4AD8, which may require larger font sizes.
  • Verify that interactive elements using lighter purples have clear focus states against darker backgrounds.
  • Avoid relying solely on color distinction between adjacent purples for critical information due to potential color blindness issues.
  • Always test text readability against various shades of purple to ensure comfort and clarity for all users.

Recommended combinations

Deep Cosmos

Ideal for main page layouts, providing a rich, dark base with elegant, readable highlights.

#1C0A3F · #3F1C8A · #E0C4FF

Nebula Swirl

Excellent for creating captivating gradients, visual depth, or hierarchical content blocks.

#3F1C8A · #7B4AD8 · #BF8CFF

Ethereal Bloom

Great for prominent headings, calls-to-action, or subtle background patterns that need to stand out.

#1C0A3F · #BF8CFF · #E0C4FF

CSS variables

:root {
  --stellar-nebula-dust-1: #1C0A3F;
  --stellar-nebula-dust-2: #3F1C8A;
  --stellar-nebula-dust-3: #7B4AD8;
  --stellar-nebula-dust-4: #BF8CFF;
  --stellar-nebula-dust-5: #E0C4FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stellar-nebula-dust": {
        1: "#1C0A3F",
        2: "#3F1C8A",
        3: "#7B4AD8",
        4: "#BF8CFF",
        5: "#E0C4FF",
      }
    }
  }
}

Related searches

gradient purple palettenebula cosmic colorsethereal lavender UIelegant space themeluxury purple branding

Palette colors

Hex values

Color 1#1C0A3F
·
Color 2#3F1C8A
·
Color 3#7B4AD8
·
Color 4#BF8CFF
·
Color 5#E0C4FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.3:1AA18
7.2:1AAA
11.6:1AAA
2
1.5:1Fail
2.2:1Fail
4.8:1AA
7.7:1AAA
3
3.3:1AA18
2.2:1Fail
2.2:1Fail
3.5:1AA18
4
7.2:1AAA
4.8:1AA
2.2:1Fail
1.6:1Fail
5
11.6:1AAA
7.7:1AAA
3.5:1AA18
1.6:1Fail

Similar palettes

More like Stellar Nebula Dust

View all cool
Celestial Nebula Rift
Astral Glow Nebula
Celestial Echo Nebula
Celestial Nebula Glow
Celestial Veil Haze
Stellar Dust Trail