Palette

Galactic Nebula Bloom

A celestial dance of vibrant purples and soft lavenders, mimicking the gaseous clouds of a distant star-forming region.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F073E#5C2D7B#9E4ED7#D98CFF#E7D0F2

Palette guide

How to use Galactic Nebula Bloom

Overview

The Galactic Nebula Bloom palette offers a stunning journey through the cosmos with its vibrant spectrum of purples and lavenders. This ethereal collection, anchored by the deep, mysterious #2F073E, transitions smoothly into the energetic #9E4ED7 and culminates in the soft, airy #E7D0F2. Ideal for projects seeking a blend of sophistication and otherworldly charm, it provides a rich foundation for creating immersive digital experiences. Designers can leverage its dynamic range to evoke wonder, luxury, and creativity, while developers will appreciate the distinct contrast levels for building engaging interfaces. This palette is perfect for brands aiming for a memorable, cosmic aesthetic that truly stands out.

Best used for

Cosmic-themed websites and mobile applications
Luxury brand identities, especially in beauty or tech
Creative portfolios and digital art projects
Event branding for sci-fi, fantasy, or artistic exhibitions
Fashion and accessory design with an ethereal touch
Interactive experiences requiring a sense of depth and mystery

Suggested color roles

primary

#2F073E - This deep, mysterious purple serves as an excellent foundational brand color, conveying luxury and depth. Ideal for headers, primary navigation, or prominent branding elements.

secondary

#5C2D7B - A rich, supporting purple that complements the primary. Use for sub-sections, secondary buttons, or decorative elements to add complexity without overwhelming.

accent

#9E4ED7 - This vibrant, energetic purple is perfect for calls-to-action, interactive elements, or key highlights that demand attention. It provides a striking contrast.

background

#E7D0F2 - A very light lavender that offers a soft, ethereal backdrop. Excellent for main content areas, providing a gentle canvas that allows other colors to pop.

text

Use #2F073E for dark text on light backgrounds like #E7D0F2 to ensure excellent readability. For light text on dark backgrounds, #E7D0F2 or #D98CFF can provide good contrast.

Accessibility notes

Ensure sufficient contrast when using lighter shades like #D98CFF for text; pair with a very dark background or use a darker text color.
The combination of #2F073E text on #E7D0F2 provides excellent readability, meeting WCAG AA standards for normal text.
Be mindful when using #9E4ED7 as text color on light backgrounds; always check contrast ratios to ensure legibility, especially for smaller fonts.
For interactive elements, ensure focus states are clearly distinguishable using a strong contrast from the accent color, such as #2F073E.

Recommended combinations

Cosmic Read

Ideal for high-contrast text on a soft, ethereal background, ensuring excellent readability for long-form content.

#2F073E · #E7D0F2 · #5C2D7B

Nebula Pop

A dynamic pairing for interactive elements or call-out sections, creating a vibrant focal point against a deeper, supportive tone.

#9E4ED7 · #5C2D7B · #D98CFF

Ethereal Gradient

Perfect for creating subtle gradients in hero sections, backgrounds, or decorative elements to add depth and a cosmic feel.

#D98CFF · #9E4ED7 · #5C2D7B

CSS variables

:root {
  --galactic-nebula-bloom-1: #2F073E;
  --galactic-nebula-bloom-2: #5C2D7B;
  --galactic-nebula-bloom-3: #9E4ED7;
  --galactic-nebula-bloom-4: #D98CFF;
  --galactic-nebula-bloom-5: #E7D0F2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-nebula-bloom": {
        1: "#2F073E",
        2: "#5C2D7B",
        3: "#9E4ED7",
        4: "#D98CFF",
        5: "#E7D0F2",
      }
    }
  }
}

Hex values

Color 1#2F073E

Color 2#5C2D7B

Color 3#9E4ED7

Color 4#D98CFF

Color 5#E7D0F2

Accessibility

Contrast checker

1.7:1Fail

3.7:1AA18

7.5:1AAA

12:1AAA

1.7:1Fail

2.1:1Fail

4.3:1AA18

6.9:1AA

3.7:1AA18

2.1:1Fail

2:1Fail

3.2:1AA18

7.5:1AAA

4.3:1AA18

2:1Fail

1.6:1Fail

12:1AAA

6.9:1AA

3.2:1AA18

1.6:1Fail

Similar palettes

More like Galactic Nebula Bloom

Celestial Aurora Glow