Back to palettes

Palette

Cosmic Nebula Swirl

An ethereal and energetic blend of purples, swirling like distant cosmic nebulae in the void.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4D004D#7A007A#B400B4#2A002A#950095

Palette guide

How to use Cosmic Nebula Swirl

Overview

The Cosmic Nebula Swirl palette offers an ethereal and energetic blend of purples, swirling like distant cosmic nebulae in the void. It is anchored by the ultra-deep #2A002A (near black purple) and the rich #4D004D (dark plum). The palette then transitions through the vibrant #7A007A (medium purple) and #950095 (bright purple), culminating in the intense #B400B4 (electric magenta). This bold and energetic collection is perfect for designers and developers crafting dynamic, eye-catching, or fantastical digital experiences. It excels in creating immersive backgrounds, strong branding, and UI elements that demand attention and convey a sense of cosmic wonder and power.

Best used for

  • Bold 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 #2A002A or #4D004D as a deep, anchoring background color, providing stability for the brighter, more intense purples to swirl.

secondary

Employ #7A007A or #950095 for significant content areas, subheadings, or distinct sections, offering rich, supporting hues.

accent

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

background

The darker shades like #2A002A and #4D004D create immersive backdrops, while gradients across the palette evoke a dynamic, swirling nebula effect.

text

On dark backgrounds like #2A002A or #4D004D, 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 #B400B4 for text against #2A002A or #4D004D.
  • White text on #2A002A, #4D004D, and #7A007A generally provides good readability.
  • Avoid using #950095 as text on #7A007A due to potential low contrast; reserve for larger headlines or accents.
  • Test color combinations for different forms of colorblindness, as the purple spectrum can be challenging for some users.

Recommended combinations

Deep Void Swirl

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

#2A002A · #4D004D · #7A007A

Nebula Intensity

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

#7A007A · #950095 · #B400B4

Cosmic Pop

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

#2A002A · #B400B4 · #950095

CSS variables

:root {
  --cosmic-nebula-swirl-3-1: #4D004D;
  --cosmic-nebula-swirl-3-2: #7A007A;
  --cosmic-nebula-swirl-3-3: #B400B4;
  --cosmic-nebula-swirl-3-4: #2A002A;
  --cosmic-nebula-swirl-3-5: #950095;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-nebula-swirl-3": {
        1: "#4D004D",
        2: "#7A007A",
        3: "#B400B4",
        4: "#2A002A",
        5: "#950095",
      }
    }
  }
}

Related searches

bold purple paletteenergetic cosmic colorsgalaxy purple thememysterious space uivibrant dark purple

Palette colors

Hex values

Color 1#4D004D
·
Color 2#7A007A
·
Color 3#B400B4
·
Color 4#2A002A
·
Color 5#950095
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
1.3:1Fail
1.9:1Fail
2
1.5:1Fail
1.7:1Fail
1.9:1Fail
1.3:1Fail
3
2.5:1Fail
1.7:1Fail
3.2:1AA18
1.3:1Fail
4
1.3:1Fail
1.9:1Fail
3.2:1AA18
2.4:1Fail
5
1.9:1Fail
1.3:1Fail
1.3:1Fail
2.4:1Fail

Similar palettes

More like Cosmic Nebula Swirl

View all vibrant
Astral Nebula Bloom
Celestial Firestorm
Cosmic Bloom Nebula
Cosmic Dust Trails
Cosmic Nebula Swirl
Cosmic Nebulae Dream