Back to palettes

Palette

Galactic Cloud Drift

Deep, enigmatic blues and purples swirling like cosmic dust clouds in the distant galaxy.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A1A2E#2F0A4F#4A1A7F#6A2D9D#8C47BF

Palette guide

How to use Galactic Cloud Drift

Overview

The Galactic Cloud Drift palette presents deep, enigmatic blues and purples swirling like cosmic dust clouds, offering a mysterious and sophisticated aesthetic. With a very dark blue #1A1A2E, deep purple #2F0A4F, rich indigo #4A1A7F, vibrant violet #6A2D9D, and ethereal lavender #8C47BF, this palette is highly useful for designers and developers aiming to create immersive dark mode experiences. It's perfect for conveying a sense of luxury, mysticism, and depth. The gradual transition of purples allows for subtle gradients and atmospheric backgrounds, making it ideal for sophisticated branding and digital interfaces.

Best used for

  • Luxury brand websites
  • Dark mode application interfaces
  • Mystical or fantasy themed content
  • Sophisticated editorial design
  • Space exploration visuals
  • High-end product showcases

Suggested color roles

primary

#1A1A2E serves as a deep, mysterious base, perfect for main backgrounds or containers.

secondary

#2F0A4F offers a rich, dark purple, ideal for secondary content blocks or subtle accents.

accent

#8C47BF delivers a soft, ethereal highlight, suitable for interactive elements or glowing effects.

background

An immersive dark background like #1A1A2E to create depth and focus.

text

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

Accessibility notes

  • High contrast with white or light grey text is essential for readability across all dark colors.
  • Avoid using #1A1A2E text on #2F0A4F as contrast will be insufficient.
  • Ensure #8C47BF has enough contrast against the darker purples when used for text or icons.
  • Check that all interactive elements have sufficient contrast to be distinguishable.

Recommended combinations

Deep Gradient

Ideal for dark mode backgrounds, creating a seamless and immersive user experience.

#1A1A2E · #2F0A4F · #4A1A7F

Ethereal Contrast

Excellent for mystical branding, header designs, or subtle UI highlights.

#4A1A7F · #8C47BF · #6A2D9D

Subtle Depth

Perfect for sophisticated UI elements, data visualizations, or atmospheric illustrations.

#2F0A4F · #6A2D9D · #8C47BF

CSS variables

:root {
  --galactic-cloud-drift-2-1: #1A1A2E;
  --galactic-cloud-drift-2-2: #2F0A4F;
  --galactic-cloud-drift-2-3: #4A1A7F;
  --galactic-cloud-drift-2-4: #6A2D9D;
  --galactic-cloud-drift-2-5: #8C47BF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-cloud-drift-2": {
        1: "#1A1A2E",
        2: "#2F0A4F",
        3: "#4A1A7F",
        4: "#6A2D9D",
        5: "#8C47BF",
      }
    }
  }
}

Related searches

dark cosmic palettedeep purple bluemystical space colorsluxury dark modeenigmatic color scheme

Palette colors

Hex values

Color 1#1A1A2E
·
Color 2#2F0A4F
·
Color 3#4A1A7F
·
Color 4#6A2D9D
·
Color 5#8C47BF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.4:1Fail
2:1Fail
3.1:1AA18
2
1:1Fail
1.4:1Fail
1.9:1Fail
3:1Fail
3
1.4:1Fail
1.4:1Fail
1.4:1Fail
2.2:1Fail
4
2:1Fail
1.9:1Fail
1.4:1Fail
1.5:1Fail
5
3.1:1AA18
3:1Fail
2.2:1Fail
1.5:1Fail

Similar palettes

More like Galactic Cloud Drift

View all dark
Galactic Drift
Celestial Lanterns
Cosmic Dance Galaxy
Cosmic Drift Dust
Cosmic Drift Dust
Cosmic Dust Whisper