Palette

Stardust Constellation

Deep purples and sparkling lavenders, like a magnificent constellation emerging from stardust.

Darkelegant5 colors

More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Stardust Constellation 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 Stardust Constellation.

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

Data visualization

#4B0082#6A5ACD#E6E6FA#2F174F#8A2BE2

Palette guide

How to use Stardust Constellation

Overview

The 'Stardust Constellation' palette is a magnificent blend of deep purples and sparkling lavenders, capturing the essence of a celestial night sky. Featuring the profound #4B0082 (Indigo), the serene #6A5ACD (Slate Blue), and the ethereal #E6E6FA (Lavender Blush), it also includes the grounding #2F174F (Dark Purple) and the vibrant #8A2BE2 (Blue Violet). This collection is perfect for designers and developers aiming to create projects with a sense of wonder, elegance, and cosmic beauty. It lends itself well to high-end branding, fantasy-themed interfaces, or digital art that requires a sophisticated and magical visual appeal.

Best used for

Luxury brand identity for creative industries
Fantasy-themed websites and applications
Celestial wedding invitations and decor
Digital art and illustrations with a magical touch
High-end fashion and jewelry e-commerce
Event branding for galas and award ceremonies

Suggested color roles

primary

Use #2F174F as a deep, anchoring background, setting a mysterious and elegant stage.

secondary

Indigo (#4B0082) or Blue Violet (#8A2BE2) can define main content areas or prominent UI elements.

accent

Lavender Blush (#E6E6FA) provides a brilliant, shimmering accent, ideal for calls-to-action or key highlights.

background

Dark Purple (#2F174F) or Indigo (#4B0082) creates an immersive dark canvas. Lavender Blush (#E6E6FA) can be a light, airy background.

text

For dark backgrounds, use white or #E6E6FA for optimal readability. For lighter backgrounds, #2F174F provides excellent contrast.

Accessibility notes

Ensure high contrast for text, especially when using #6A5ACD against darker purples; white or #E6E6FA is often necessary.
The very light #E6E6FA offers excellent contrast for dark text, ensuring readability.
Avoid pairing #4B0082 and #2F174F as text and background due to their similar dark values.
Use #8A2BE2 for larger headings or graphical elements to maintain legibility and visual impact.

Recommended combinations

Celestial Sparkle

Ideal for a dramatic, high-contrast look, using the lightest color for prominent text or interactive elements.

#2F174F · #8A2BE2 · #E6E6FA

Deep Galaxy

Creates a sophisticated purple gradient with a bright, ethereal highlight, perfect for backgrounds.

#4B0082 · #6A5ACD · #E6E6FA

Mystic Glow

Excellent for a deep, mysterious atmosphere, leveraging the darker purples for depth and elegance.

#2F174F · #4B0082 · #6A5ACD

CSS variables

:root {
  --stardust-constellation-1: #4B0082;
  --stardust-constellation-2: #6A5ACD;
  --stardust-constellation-3: #E6E6FA;
  --stardust-constellation-4: #2F174F;
  --stardust-constellation-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stardust-constellation": {
        1: "#4B0082",
        2: "#6A5ACD",
        3: "#E6E6FA",
        4: "#2F174F",
        5: "#8A2BE2",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#6A5ACD

Color 3#E6E6FA

Color 4#2F174F

Color 5#8A2BE2

Accessibility

Contrast checker

2.4:1Fail

10.5:1AAA

1.2:1Fail

2.2:1Fail

2.4:1Fail

4.3:1AA18

2.9:1Fail

1.1:1Fail

10.5:1AAA

4.3:1AA18

12.6:1AAA

4.8:1AA

1.2:1Fail

2.9:1Fail

12.6:1AAA

2.6:1Fail

2.2:1Fail

1.1:1Fail

4.8:1AA

2.6:1Fail

Similar palettes

More like Stardust Constellation

View all Dark

Regal Theatre Curtains

Gothic Revival Grandeur