Palette

Galactic Cloud Swirl

Plunging deep into the cosmos, this palette captures the swirling purples and dark voids of distant nebulae.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000000#1A0A3A#4C0A78#8A0A8A#D3A8E0

Palette guide

How to use Galactic Cloud Swirl

Overview

The Galactic Cloud Swirl palette plunges deep into the cosmos, capturing the swirling purples and dark voids of distant nebulae. It grounds itself in absolute black, #000000, then introduces progressively lighter, mystical purples like #1A0A3A, #4C0A78, and the striking #8A0A8A, culminating in the soft luminosity of #D3A8E0. This palette is invaluable for designers and developers aiming to craft immersive, luxurious, or intensely mystical digital experiences. Its bold use of black alongside vibrant purples creates a dramatic contrast, perfect for high-impact visuals, premium branding, or captivating dark mode applications where depth and allure are key.

Best used for

Mystical video game user interfaces and environments
Luxury product packaging and high-end branding
Night club or entertainment venue branding
Dark mode applications requiring dramatic flair
Abstract digital art and motion graphics
Fantasy book covers and promotional materials

Suggested color roles

primary

Use #1A0A3A as a deep, foundational purple for main content panels or background sections, offering subtle texture against pure black.

secondary

Employ #4C0A78 for sub-headers, navigation elements, or graphical layers, providing a rich, mid-tone purple.

accent

Apply #8A0A8A for vibrant calls to action, interactive elements, or key visual highlights that demand attention.

background

Utilize #000000 as the ultimate cosmic void background, establishing profound depth and maximizing contrast.

text

Recommend #D3A8E0 for primary body text and labels, ensuring excellent readability and a luminous visual pop against the dark backdrop.

Accessibility notes

Ensure #D3A8E0 text has strong contrast on #000000 and #1A0A3A backgrounds for maximum readability.
Use #8A0A8A for larger headings or decorative text to maintain legibility; avoid small body text.
Avoid using #1A0A3A as text on #000000 due to insufficient contrast for most users.
Provide alternative text options for users who may find high-luminosity purples challenging to read.

Recommended combinations

Cosmic Void

Creates an immersive, deep space background with subtle purple layering.

#000000 · #1A0A3A · #4C0A78

Purple Nova

Ideal for content sections that need a vibrant, energetic visual progression.

#1A0A3A · #4C0A78 · #8A0A8A

Starlight Glimmer

Excellent for primary text and striking accents against a pure black canvas.

#000000 · #D3A8E0 · #8A0A8A

CSS variables

:root {
  --galactic-cloud-swirl-1: #000000;
  --galactic-cloud-swirl-2: #1A0A3A;
  --galactic-cloud-swirl-3: #4C0A78;
  --galactic-cloud-swirl-4: #8A0A8A;
  --galactic-cloud-swirl-5: #D3A8E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-cloud-swirl": {
        1: "#000000",
        2: "#1A0A3A",
        3: "#4C0A78",
        4: "#8A0A8A",
        5: "#D3A8E0",
      }
    }
  }
}

Hex values

Color 1#000000

Color 2#1A0A3A

Color 3#4C0A78

Color 4#8A0A8A

Color 5#D3A8E0

Accessibility

Contrast checker

1.1:1Fail

1.6:1Fail

2.5:1Fail

10.4:1AAA

1.1:1Fail

1.4:1Fail

2.2:1Fail

9.1:1AAA

1.6:1Fail

1.4:1Fail

1.5:1Fail

6.4:1AA

2.5:1Fail

2.2:1Fail

1.5:1Fail

4.2:1AA18

10.4:1AAA

9.1:1AAA

6.4:1AA

4.2:1AA18

Similar palettes

More like Galactic Cloud Swirl

View all dark

Celestial Shimmer Glow

Cosmic Dreamscape Dust