Palette

Galactic Nebula Swirl

Deep purples and soft pinks blend into a mesmerizing dance, like distant nebulae in the vast cosmos.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Galactic Nebula Swirl 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 Galactic Nebula Swirl.

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

Data visualization

#4B0082#8A2BE2#DA70D6#FFB6C1#FFE4E1

Palette guide

How to use Galactic Nebula Swirl

Overview

The Galactic Nebula Swirl palette evokes cosmic wonder with its blend of deep purples and soft pinks. Featuring a striking indigo #4B0082, a vibrant blue violet #8A2BE2, a delicate orchid #DA70D6, a playful light pink #FFB6C1, and a serene misty rose #FFE4E1, this collection is ideal for creating designs that feel both elegant and mysterious. Designers can leverage the strong contrast between the darker hues and the lighter, ethereal tones to build captivating interfaces. Developers will find these hex codes easy to implement for digital products requiring a sophisticated yet dreamy aesthetic, perfect for themes related to luxury, fantasy, or nighttime.

Best used for

Luxury brand websites and apps
Fantasy or sci-fi game UI
Ethereal event invitations and branding
Beauty and cosmetic product packaging
High-end fashion digital lookbooks
Art and photography portfolio sites

Suggested color roles

primary

#4B0082 serves as the deep, anchoring foundation for major elements like headers, primary buttons, or expansive background sections, conveying depth and luxury.

secondary

#8A2BE2 provides a rich supporting hue, excellent for subheadings, secondary calls-to-action, or graphic accents that need to stand out against the primary without overpowering.

accent

#DA70D6 offers a vibrant, ethereal pop, perfect for interactive elements, highlights, or small decorative details that draw the eye and add a touch of magic.

background

#FFE4E1 provides a soft, light canvas that allows the deeper purples and pinks to truly shine, ensuring readability and a gentle, inviting feel.

text

For optimal readability, a deep contrasting color like a charcoal gray (#333333) or even the primary #4B0082 against #FFE4E1 is recommended for body text. White text (#FFFFFF) works beautifully on the darker primary and secondary shades.

Accessibility notes

Ensure sufficient contrast when using #DA70D6 or #FFB6C1 for text on a #FFE4E1 background; aim for AA or AAA standards.
The deep #4B0082 and #8A2BE2 offer excellent contrast with white text (#FFFFFF) for headlines and crucial information.
Use a color contrast checker for all text and interactive element pairings to guarantee readability for all users.
Avoid using #DA70D6 and #FFB6C1 in close proximity for small text or icons without a darker outline, as their low contrast might cause issues.

Recommended combinations

Deep Galactic

Ideal for hero sections, main navigation, or impactful branding where a sophisticated and mysterious feel is desired.

#4B0082 · #8A2BE2 · #DA70D6

Ethereal Glow

Perfect for subtle backgrounds, delicate illustrations, or secondary content areas that require a soft, dreamlike touch.

#DA70D6 · #FFB6C1 · #FFE4E1

Cosmic Contrast

Excellent for high-impact calls-to-action, data visualization, or design elements needing strong visual separation and elegance.

#4B0082 · #FFE4E1 · #FFB6C1

CSS variables

:root {
  --galactic-nebula-swirl-1: #4B0082;
  --galactic-nebula-swirl-2: #8A2BE2;
  --galactic-nebula-swirl-3: #DA70D6;
  --galactic-nebula-swirl-4: #FFB6C1;
  --galactic-nebula-swirl-5: #FFE4E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-nebula-swirl": {
        1: "#4B0082",
        2: "#8A2BE2",
        3: "#DA70D6",
        4: "#FFB6C1",
        5: "#FFE4E1",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#8A2BE2

Color 3#DA70D6

Color 4#FFB6C1

Color 5#FFE4E1

Accessibility

Contrast checker

2.2:1Fail

4.5:1AA18

7.8:1AAA

10.8:1AAA

2.2:1Fail

2.1:1Fail

3.6:1AA18

4.9:1AA

4.5:1AA18

2.1:1Fail

1.7:1Fail

2.4:1Fail

7.8:1AAA

3.6:1AA18

1.7:1Fail

1.4:1Fail

10.8:1AAA

4.9:1AA

2.4:1Fail

1.4:1Fail

Similar palettes

More like Galactic Nebula Swirl

View all dark

Celestial Dust Trail

Astral Dream Hues

Celestial Dust Glimmer

Celestial Stardust Trails

Celestial Whisper Nebula

Cosmic Jellyfish Bloom