Palette

Galactic Cloud Glow

Deep purples and bright lavenders swirling together, like distant galaxies illuminated by starlight.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Galactic Cloud Glow 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 Cloud Glow.

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

Data visualization

#3F0071#8B008B#C77DFF#F2D2EE#4B0082

Palette guide

How to use Galactic Cloud Glow

Overview

The Galactic Cloud Glow palette features deep purples and bright lavenders swirling together, like distant galaxies illuminated by starlight, offering a mysterious and ethereal aesthetic. With a deep violet #3F0071, dark magenta #8B008B, vibrant light purple #C77DFF, soft pale pink #F2D2EE, and a rich indigo #4B0082, this palette is highly useful for designers and developers aiming to create captivating dark mode experiences. It's perfect for conveying a sense of wonder, mysticism, and delicate luminosity. The interplay of dark and light purples allows for stunning depth and glowing effects in digital art and sophisticated branding.

Best used for

Mystical branding and logos
Fantasy art and illustrations
Beauty product packaging
Spiritual and esoteric content platforms
Dark mode application designs
Event visuals requiring an ethereal mood

Suggested color roles

primary

#3F0071 provides a deep, enchanting base, perfect for main backgrounds or containers.

secondary

#4B0082 offers a rich, mysterious purple, ideal for secondary content blocks or subtle gradients.

accent

#C77DFF delivers an ethereal glow, suitable for interactive elements or luminous highlights. #F2D2EE provides the softest, delicate accent.

background

An immersive dark background like #3F0071 or #4B0082 to enhance the glowing elements.

text

White or a very light grey for main text, with #C77DFF for accent headings or key information on darker backgrounds.

Accessibility notes

High contrast with white or very light text is crucial across all dark and mid-tone purples.
Ensure #F2D2EE has enough contrast with any darker text, as it is a very light shade.
Avoid using #4B0082 text on #3F0071 as the contrast will likely be insufficient.
Check contrast ratios for all interactive elements, especially between #C77DFF and other purples.

Recommended combinations

Deep Glow

Ideal for mystical UI elements, product showcases, or prominent header designs.

#3F0071 · #C77DFF · #4B0082

Soft Luminosity

Excellent for fantasy art backgrounds, subtle light effects, or ethereal graphic elements.

#8B008B · #C77DFF · #F2D2EE

Enchanting Depth

Perfect for brand identity, app loading screens, or atmospheric digital illustrations.

#4B0082 · #8B008B · #C77DFF

CSS variables

:root {
  --galactic-cloud-glow-2-1: #3F0071;
  --galactic-cloud-glow-2-2: #8B008B;
  --galactic-cloud-glow-2-3: #C77DFF;
  --galactic-cloud-glow-2-4: #F2D2EE;
  --galactic-cloud-glow-2-5: #4B0082;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-cloud-glow-2": {
        1: "#3F0071",
        2: "#8B008B",
        3: "#C77DFF",
        4: "#F2D2EE",
        5: "#4B0082",
      }
    }
  }
}

Hex values

Color 1#3F0071

Color 2#8B008B

Color 3#C77DFF

Color 4#F2D2EE

Color 5#4B0082

Accessibility

Contrast checker

1.7:1Fail

5.4:1AA

10.5:1AAA

1.1:1Fail

1.7:1Fail

3.2:1AA18

6.2:1AA

1.5:1Fail

5.4:1AA

3.2:1AA18

2:1Fail

4.8:1AA

10.5:1AAA

6.2:1AA

2:1Fail

9.4:1AAA

1.1:1Fail

1.5:1Fail

4.8:1AA

9.4:1AAA

Similar palettes

More like Galactic Cloud Glow

View all dark

Stellar Dust Trails

Celestial Stardust Trails