Back to palettes

Palette

Cosmic Nebula Bloom

A breathtaking blend of cosmic purples and stellar pinks, capturing the swirling majesty of a nebula.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B0082#8A2BE2#800080#C71585#FF1493

Palette guide

How to use Cosmic Nebula Bloom

Overview

The Cosmic Nebula Bloom palette captures the swirling majesty of a nebula with a breathtaking blend of cosmic purples and stellar pinks. It begins with the profound #4B0082 (dark violet) and transitions through the vibrant #8A2BE2 (blue-violet) and #800080 (classic purple). The palette then bursts into life with the intense #C71585 (deep pink) and the striking #FF1493 (hot pink). 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 energy.

Best used for

  • Vibrant sci-fi game interfaces and concept art
  • Energetic event branding and promotional materials
  • Fashion or beauty campaigns with a bold, mystical touch
  • Animated web backgrounds and interactive data visualizations
  • Youth-oriented digital content and social media graphics
  • Fantasy book covers and magical illustrations

Suggested color roles

primary

Use #4B0082 as a deep, grounding background color, providing stability for the brighter, more intense purples and pinks to bloom.

secondary

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

accent

Apply #C71585 or #FF1493 for high-impact calls-to-action, alerts, 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, swirling 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 #C71585 or #FF1493 for text against #4B0082 or #8A2BE2.
  • White text on #4B0082, #8A2BE2, and #800080 generally provides good readability.
  • Avoid using #C71585 as text on #800080 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.

Recommended combinations

Deep Cosmos

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

#4B0082 · #8A2BE2 · #800080

Nebula Burst

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

#800080 · #C71585 · #FF1493

Stellar Pop

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

#4B0082 · #FF1493 · #C71585

CSS variables

:root {
  --cosmic-nebula-bloom-1: #4B0082;
  --cosmic-nebula-bloom-2: #8A2BE2;
  --cosmic-nebula-bloom-3: #800080;
  --cosmic-nebula-bloom-4: #C71585;
  --cosmic-nebula-bloom-5: #FF1493;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-nebula-bloom": {
        1: "#4B0082",
        2: "#8A2BE2",
        3: "#800080",
        4: "#C71585",
        5: "#FF1493",
      }
    }
  }
}

Related searches

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

Palette colors

Hex values

Color 1#4B0082
·
Color 2#8A2BE2
·
Color 3#800080
·
Color 4#C71585
·
Color 5#FF1493
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
1.4:1Fail
2.4:1Fail
3.6:1AA18
2
2.2:1Fail
1.6:1Fail
1.1:1Fail
1.6:1Fail
3
1.4:1Fail
1.6:1Fail
1.7:1Fail
2.6:1Fail
4
2.4:1Fail
1.1:1Fail
1.7:1Fail
1.5:1Fail
5
3.6:1AA18
1.6:1Fail
2.6:1Fail
1.5:1Fail

Similar palettes

More like Cosmic Nebula Bloom

View all vibrant
Cosmic Dust Trails
Astral Nebula Bloom
Celestial Aurora Dance
Celestial Firestorm
Celestial Veil Dance
City Neon Rain