Back to palettes

Palette

Cosmic Nebulae Dream

Deep space purples and vivid magentas swirl like distant nebulae in a cosmic dream.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Nebulae Dream 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 Nebulae Dream.

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

Data visualization

#150A26#3A0E5A#6E1B9D#A53FC0#D26FE0

Palette guide

How to use Cosmic Nebulae Dream

Overview

The Cosmic Nebulae Dream palette features deep space purples and vivid magentas swirling like distant nebulae in a cosmic dream. It anchors with the profound #150A26 (deep violet-black) and the rich #3A0E5A (dark purple), transitioning through the intense #6E1B9D (medium violet) and the striking #A53FC0 (bright purple). The palette culminates in the luminous #D26FE0 (magenta-pink), evoking a vibrant, dreamy glow. This energetic and vivid collection is perfect for designers and developers crafting dynamic, eye-catching, or fantastical digital experiences. It excels in creating immersive backgrounds, bold branding, and UI elements that demand attention and convey a sense of cosmic wonder and excitement.

Best used for

  • Vibrant sci-fi game interfaces and concept art
  • Energetic event promotion and concert visuals
  • Youth-oriented digital content and social media graphics
  • Animated web backgrounds and interactive data visualizations
  • Fantasy illustrations and magical themed designs
  • Distinctive tech product branding

Suggested color roles

primary

Use #150A26 as a deep, anchoring background color, providing stability for the brighter, more intense purples and magentas to swirl.

secondary

Employ #3A0E5A or #6E1B9D for significant content areas, subheadings, or distinct sections, offering rich, supporting hues.

accent

Apply #A53FC0 or #D26FE0 for high-impact calls-to-action, alerts, or to highlight key interactive features with intense, glowing vibrancy.

background

The darker purples like #150A26 and #3A0E5A are perfect for expansive, dark backgrounds, allowing the brighter colors to create a sense of depth and shimmer.

text

On dark backgrounds like #150A26 or #3A0E5A, use white or a very light gray for body text. On brighter purples, a deep charcoal or black offers contrast, though white often maintains the ethereal feel.

Accessibility notes

  • Ensure strong contrast when using #A53FC0 or #D26FE0 for text against #150A26 or #3A0E5A.
  • White text on #150A26, #3A0E5A, and #6E1B9D generally provides good readability.
  • Avoid using #A53FC0 as text on #6E1B9D due to potential low contrast; reserve for larger headlines or accents.
  • Test color combinations for different forms of colorblindness, as the purple-magenta spectrum can be challenging for some users.

Recommended combinations

Deep Nebula Dream

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

#150A26 · #3A0E5A · #6E1B9D

Dreamy Swirl

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

#6E1B9D · #A53FC0 · #D26FE0

Cosmic Pop

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

#150A26 · #D26FE0 · #A53FC0

CSS variables

:root {
  --cosmic-nebulae-dream-1: #150A26;
  --cosmic-nebulae-dream-2: #3A0E5A;
  --cosmic-nebulae-dream-3: #6E1B9D;
  --cosmic-nebulae-dream-4: #A53FC0;
  --cosmic-nebulae-dream-5: #D26FE0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-nebulae-dream": {
        1: "#150A26",
        2: "#3A0E5A",
        3: "#6E1B9D",
        4: "#A53FC0",
        5: "#D26FE0",
      }
    }
  }
}

Related searches

vibrant purple magenta palettecosmic nebula dream colorsenergetic space themegalaxy ui designfantasy purple pink

Palette colors

Hex values

Color 1#150A26
·
Color 2#3A0E5A
·
Color 3#6E1B9D
·
Color 4#A53FC0
·
Color 5#D26FE0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.1:1Fail
3.7:1AA18
6.4:1AA
2
1.3:1Fail
1.7:1Fail
2.9:1Fail
5.1:1AA
3
2.1:1Fail
1.7:1Fail
1.8:1Fail
3.1:1AA18
4
3.7:1AA18
2.9:1Fail
1.8:1Fail
1.7:1Fail
5
6.4:1AA
5.1:1AA
3.1:1AA18
1.7:1Fail

Similar palettes

More like Cosmic Nebulae Dream

View all vibrant
Astral Nebula Bloom
Celestial Nebula Hues
Galactic Dream Swirl
Nebula Cosmic Cloud
Nebula Dream Drift
Starlight Deep Nebula