Palette

Galactic Dust Bloom

Captures the distant, ethereal beauty of cosmic dust clouds blooming with mysterious, vibrant nebulae.

coolelegant5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2B0A3D#5E1A8B#9E2AD6#D8A4EE#EAD7F7

Palette guide

How to use Galactic Dust Bloom

Overview

The "Galactic Dust Bloom" palette captures the ethereal beauty of cosmic dust clouds blooming with vibrant nebulae. This cool, dreamy collection transitions from the profound #2B0A3D through rich purples like #5E1A8B and #9E2AD6, culminating in the soft, luminous lavenders #D8A4EE and #EAD7F7. It offers a versatile range for designers looking to infuse projects with a sense of wonder and elegance. Perfect for creating designs that feel both mysterious and inviting, this palette provides excellent depth and contrast across its spectrum.

Best used for

Dreamy website headers
Spiritual branding and packaging
Art and photography showcases
Event promotions with a mystical theme
Mobile app onboarding screens
Fashion or beauty product lines

Suggested color roles

primary

#2B0A3D - Ideal for deep, immersive backgrounds or foundational elements, establishing a mysterious and elegant tone.

secondary

#5E1A8B - Use for distinct sections, navigation, or subheadings, adding a rich, medium purple.

accent

#9E2AD6 - Perfect for calls-to-action, interactive elements, or vibrant highlights that demand attention.

background

#2B0A3D - Provides a profound, dark canvas, evoking the depths of space.

text

#EAD7F7 - Optimal for main body text and headings on darker backgrounds, ensuring excellent readability.

Accessibility notes

Ensure #EAD7F7 on #2B0A3D meets WCAG AAA contrast for crucial text.
Verify that #9E2AD6 provides sufficient contrast when used for interactive elements against #5E1A8B.
Avoid using #D8A4EE or #EAD7F7 for small text on very light backgrounds outside this palette.
Use a contrast checker for text on #5E1A8B to ensure readability with either light or dark text.

Recommended combinations

Nebula Core

Striking dark backgrounds with bright, vibrant accents and clear, luminous text.

#2B0A3D · #9E2AD6 · #EAD7F7

Ethereal Layers

Soft, blended gradients for visual depth or layered UI elements.

#5E1A8B · #D8A4EE · #EAD7F7

Vibrant Bloom

Building a strong visual hierarchy with increasing vibrancy, ideal for progressive disclosure.

#2B0A3D · #5E1A8B · #9E2AD6

CSS variables

:root {
  --galactic-dust-bloom-1: #2B0A3D;
  --galactic-dust-bloom-2: #5E1A8B;
  --galactic-dust-bloom-3: #9E2AD6;
  --galactic-dust-bloom-4: #D8A4EE;
  --galactic-dust-bloom-5: #EAD7F7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-dust-bloom": {
        1: "#2B0A3D",
        2: "#5E1A8B",
        3: "#9E2AD6",
        4: "#D8A4EE",
        5: "#EAD7F7",
      }
    }
  }
}

Hex values

Color 1#2B0A3D

Color 2#5E1A8B

Color 3#9E2AD6

Color 4#D8A4EE

Color 5#EAD7F7

Accessibility

Contrast checker

1.6:1Fail

3.1:1AA18

8.6:1AAA

12.8:1AAA

1.6:1Fail

1.9:1Fail

5.2:1AA

7.8:1AAA

3.1:1AA18

1.9:1Fail

2.8:1Fail

4.1:1AA18

8.6:1AAA

5.2:1AA

2.8:1Fail

1.5:1Fail

12.8:1AAA

7.8:1AAA

4.1:1AA18

1.5:1Fail

Similar palettes

More like Galactic Dust Bloom

View all cool

Celestial Nebula Glow