Palette

Cosmic Bloom Nebula

A beautiful blend of purples and pinks, like a celestial flower blossoming within a distant, vibrant nebula.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A0DAD#8E44AD#9B59B6#E0BBE4#C299C2

Palette guide

How to use Cosmic Bloom Nebula

Overview

The Cosmic Bloom Nebula palette, featuring vibrant purples like #6A0DAD and #8E44AD, alongside softer, ethereal pinks such as #E0BBE4, offers a mystical and energetic color scheme. This blend evokes the image of a celestial flower blossoming in a distant nebula, making it ideal for designs that aim for a vibrant yet sophisticated cosmic feel. Designers can leverage the deep purples for strong visual anchors, while the lighter tones provide contrast and an airy quality. Developers will find these hex codes straightforward for implementing a cohesive and captivating user interface, ensuring a consistent brand presence across digital platforms. The palette's versatility allows for striking visual narratives.

Best used for

Brand identity for spiritual or wellness businesses
UI/UX for fantasy or space-themed games
Event invitations for elegant evening galas
Fashion and beauty product packaging
Digital art and illustration with ethereal themes
Interior design accents for mystical spaces

Suggested color roles

primary

Use #6A0DAD as a commanding primary, perfect for main headings, call-to-action buttons, or dominant brand elements that demand attention.

secondary

Employ #8E44AD as a supportive secondary, excellent for subheadings, secondary buttons, or large background sections to add depth.

accent

Apply #9B59B6 as a bright accent for small interactive elements, icons, or highlights that need to pop without overwhelming.

background

Utilize #E0BBE4 as a soft, ethereal background, allowing darker elements to stand out gently and providing a clean base.

text

For body text, a dark charcoal or black on #E0BBE4 ensures readability. Use white text or #6A0DAD for headings on #E0BBE4.

Accessibility notes

Ensure sufficient contrast between #6A0DAD text and #E0BBE4 background (or vice-versa) for WCAG AA compliance.
Avoid using #E0BBE4 and #C299C2 together for small text due to their low contrast; reserve them for larger graphic elements.
The deep #6A0DAD provides excellent contrast for white text, suitable for prominent headings or buttons.
For body text on #C299C2, a dark purple from the palette like #6A0DAD or a standard black offers better readability.

Recommended combinations

Ethereal Gradient

Ideal for gradient backgrounds, website hero sections, or digital illustrations to create depth and a mystical transition.

#6A0DAD · #8E44AD · #E0BBE4

Vibrant Focus

Use #6A0DAD as primary, #9B59B6 for accents, and #E0BBE4 for background in UI elements to guide user attention.

#6A0DAD · #9B59B6 · #E0BBE4

Soft Contrast

#C299C2 for a soft base, #8E44AD for secondary elements, and #6A0DAD for strong calls-to-action or important text.

#C299C2 · #8E44AD · #6A0DAD

CSS variables

:root {
  --cosmic-bloom-nebula-2-1: #6A0DAD;
  --cosmic-bloom-nebula-2-2: #8E44AD;
  --cosmic-bloom-nebula-2-3: #9B59B6;
  --cosmic-bloom-nebula-2-4: #E0BBE4;
  --cosmic-bloom-nebula-2-5: #C299C2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-bloom-nebula-2": {
        1: "#6A0DAD",
        2: "#8E44AD",
        3: "#9B59B6",
        4: "#E0BBE4",
        5: "#C299C2",
      }
    }
  }
}

Hex values

Color 1#6A0DAD

Color 2#8E44AD

Color 3#9B59B6

Color 4#E0BBE4

Color 5#C299C2

Accessibility

Contrast checker

1.6:1Fail

2:1Fail

5.5:1AA

3.8:1AA18

1.6:1Fail

1.3:1Fail

3.5:1AA18

2.4:1Fail

2:1Fail

1.3:1Fail

2.8:1Fail

1.9:1Fail

5.5:1AA

3.5:1AA18

2.8:1Fail

1.4:1Fail

3.8:1AA18

2.4:1Fail

1.9:1Fail

1.4:1Fail

Similar palettes

More like Cosmic Bloom Nebula

View all vibrant

Galactic Nebula Bloom

Astral Nebula Bloom

Celestial Aurora Glow

Celestial Firestorm

Celestial Veil Dance

Cosmic Dawn Hues