Palette

Galactic Cloud Glow

A mystical blend of deep purples and lavenders, mirroring the enigmatic beauty of distant cosmic clouds.

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

#0B0E23#2C1B47#5E2F7F#B48CC9#E1D2E7

Palette guide

How to use Galactic Cloud Glow

Overview

The Galactic Cloud Glow palette offers a mystical blend of deep purples and lavenders, evoking the enigmatic beauty of distant cosmic clouds. Designers and developers can leverage this palette to create dark, ethereal experiences. Anchored by the profound #0B0E23, it transitions through rich tones like #2C1B47 and #5E2F7F, culminating in the celestial glow of #B48CC9 and the soft radiance of #E1D2E7. This scheme is ideal for projects requiring a sense of mystery, luxury, and otherworldly charm, providing a sophisticated backdrop for various digital and physical applications. Its carefully selected hues ensure a cohesive and captivating visual narrative.

Best used for

Sci-fi user interfaces and game environments
Luxury brand identity and packaging
Spiritual or meditative app designs
Evening event themes and promotions
Sophisticated dark mode web interfaces
Fantasy book covers and digital art

Suggested color roles

primary

Use #2C1B47 as a dominant, rich purple for main sections, large blocks, or primary interactive elements, providing depth without being overly dark.

secondary

Employ #5E2F7F for sub-headers, secondary navigation, or graphical accents to introduce a mystical mid-tone that complements the primary hue.

accent

Apply #B48CC9 for ethereal highlights, calls to action, or delicate UI elements that need to shimmer and draw attention against darker backgrounds.

background

Utilize #0B0E23 as the foundational dark, cosmic background, perfect for creating a sense of infinite depth and setting the overall mood.

text

Recommend #E1D2E7 for primary body text and labels, ensuring high readability and a soft, luminous contrast against the dark purple background colors.

Accessibility notes

Ensure #E1D2E7 text has sufficient contrast on #0B0E23 and #2C1B47 for optimal readability.
Use #B48CC9 primarily for larger text or decorative elements to maintain legibility on mid-tone purples.
Verify all interactive elements meet WCAG contrast guidelines, especially when using #5E2F7F on #2C1B47.
Consider providing a toggle for a slightly brighter text color if #E1D2E7 feels too soft for some users.

Recommended combinations

Deep Space

Ideal for creating a layered, immersive dark background with subtle transitions.

#0B0E23 · #2C1B47 · #5E2F7F

Nebula Highlight

Excellent for showcasing content blocks with a glowing, ethereal accent.

#2C1B47 · #5E2F7F · #B48CC9

Ethereal Contrast

Perfect for primary text and subtle graphical elements on a dark, cosmic canvas.

#0B0E23 · #E1D2E7 · #B48CC9

CSS variables

:root {
  --galactic-cloud-glow-1: #0B0E23;
  --galactic-cloud-glow-2: #2C1B47;
  --galactic-cloud-glow-3: #5E2F7F;
  --galactic-cloud-glow-4: #B48CC9;
  --galactic-cloud-glow-5: #E1D2E7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-cloud-glow": {
        1: "#0B0E23",
        2: "#2C1B47",
        3: "#5E2F7F",
        4: "#B48CC9",
        5: "#E1D2E7",
      }
    }
  }
}

Hex values

Color 1#0B0E23

Color 2#2C1B47

Color 3#5E2F7F

Color 4#B48CC9

Color 5#E1D2E7

Accessibility

Contrast checker

1.2:1Fail

2:1Fail

6.8:1AA

13.2:1AAA

1.2:1Fail

1.6:1Fail

5.6:1AA

10.8:1AAA

2:1Fail

1.6:1Fail

3.4:1AA18

6.7:1AA

6.8:1AA

5.6:1AA

3.4:1AA18

1.9:1Fail

13.2:1AAA

10.8:1AAA

6.7:1AA

1.9:1Fail

Similar palettes

More like Galactic Cloud Glow

Celestial Shimmer Glow

Cosmic Cloud Veil