Palette

Cosmic Nebula Hues

A breathtaking array of purples and pinks, inspired by distant cosmic nebulas.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Nebula Hues 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 Cosmic Nebula Hues.

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

Data visualization

#4B0082#8A2BE2#9932CC#DA70D6#FF00FF

Palette guide

How to use Cosmic Nebula Hues

Overview

The Cosmic Nebula Hues palette presents a breathtaking array of purples and pinks, inspired by distant cosmic nebulas. It anchors with the deep #4B0082 (dark violet) and transitions beautifully through the vibrant #8A2BE2 (blue-violet) and the rich #9932CC (dark orchid). The palette culminates in the softer yet distinct #DA70D6 (orchid pink) and the intense #FF00FF (fuchsia magenta). This elegant and vibrant collection is ideal for designers and developers creating visually captivating experiences that demand a mystical, energetic, or luxurious aesthetic. It excels in crafting dynamic interfaces, eye-catching branding, and immersive digital art where colors truly shimmer and inspire wonder.

Best used for

Elegant sci-fi game interfaces and concept art
Luxury brand identity and high-end digital marketing
Mystical event branding and promotional materials
Abstract digital art and space-themed illustrations
Fashion or beauty campaigns with a vibrant touch
Interactive web components and animated backgrounds

Suggested color roles

primary

Use #4B0082 as a deep, stable background color, providing a profound base for the lighter, more ethereal purples and pinks to unfold.

secondary

Employ #8A2BE2 or #9932CC for significant content areas, subheadings, or distinct sections, offering rich, supporting hues.

accent

Apply #DA70D6 or #FF00FF for high-impact calls-to-action, notifications, or to highlight key interactive features with intense, glowing vibrancy.

background

The darker #4B0082 or #8A2BE2 can create immersive backgrounds, while gradients across the entire palette evoke a dynamic, shimmering nebula effect.

text

On dark backgrounds like #4B0082, use white or a very light gray for body text. On lighter pinks or purples, a deep charcoal or black offers contrast, though white often maintains the ethereal feel.

Accessibility notes

Ensure strong contrast when using #DA70D6 or #FF00FF for text against #4B0082 or #8A2BE2.
White text on #4B0082, #8A2BE2, and #9932CC generally provides good readability.
Avoid using #DA70D6 as text on #9932CC due to potential low contrast; reserve for larger headlines or accents.
Test color combinations for different forms of colorblindness, as the purple-pink spectrum can be challenging for some users.

Recommended combinations

Deep Galactic

Creates a rich, evolving purple gradient, ideal for atmospheric backgrounds or elegant, layered UI components.

#4B0082 · #8A2BE2 · #9932CC

Nebula Shimmer

Perfect for vibrant accents, interactive elements, or conveying a luminous, ethereal glow in illustrations and decorative elements.

#9932CC · #DA70D6 · #FF00FF

Cosmic Highlight

Excellent for establishing clear visual hierarchy, with bright, pulsating accents against a deep, mysterious backdrop.

#4B0082 · #FF00FF · #DA70D6

CSS variables

:root {
  --cosmic-nebula-hues-1: #4B0082;
  --cosmic-nebula-hues-2: #8A2BE2;
  --cosmic-nebula-hues-3: #9932CC;
  --cosmic-nebula-hues-4: #DA70D6;
  --cosmic-nebula-hues-5: #FF00FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-nebula-hues": {
        1: "#4B0082",
        2: "#8A2BE2",
        3: "#9932CC",
        4: "#DA70D6",
        5: "#FF00FF",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#8A2BE2

Color 3#9932CC

Color 4#DA70D6

Color 5#FF00FF

Accessibility

Contrast checker

2.2:1Fail

2.3:1Fail

4.5:1AA18

4.1:1AA18

2.2:1Fail

1:1Fail

2.1:1Fail

1.9:1Fail

2.3:1Fail

1:1Fail

2:1Fail

1.8:1Fail

4.5:1AA18

2.1:1Fail

2:1Fail

1.1:1Fail

4.1:1AA18

1.9:1Fail

1.8:1Fail

1.1:1Fail

Similar palettes

More like Cosmic Nebula Hues

View all vibrant

Cosmic Cloud Bloom

Cosmic Iridescent Shine

Cosmic Jellyfish Dance

Nebula Veil Glimmer

Celestial Opal Glow

Celestial Stardust Glaze