Back to palettes

Palette

Nebula Cloud Drift

Deep blues and enchanting purples swirl together, capturing the mystifying beauty of a distant cosmic nebula.

Cooldark5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#191970#4169E1#8A2BE2#BA55D3#EE82EE

Palette guide

How to use Nebula Cloud Drift

Overview

The 'Nebula Cloud Drift' palette captures the mystifying beauty of a distant cosmic nebula, where deep blues and enchanting purples swirl together. This elegant collection features a profound navy, #191970, a vibrant royal blue, #4169E1, and a rich blue-violet, #8A2BE2. Lighter, ethereal shades like #BA55D3 and #EE82EE provide shimmering highlights, reminiscent of stardust and gas clouds. For designers and developers, this palette is a powerful tool for creating immersive, sophisticated, and fantastical digital experiences, perfect for space-themed games, luxury tech branding, or artistic websites that demand a sense of wonder and mystique.

Best used for

  • Space-themed game UI and concept art
  • Luxury technology branding and web design
  • Artistic and creative portfolio websites
  • Event branding for galas or futuristic themes
  • Mystical or spiritual app interfaces
  • Cosmetic or fashion brands seeking elegance

Suggested color roles

primary

Use #191970 as the deep, grounding base for backgrounds or primary structural elements, evoking cosmic darkness.

secondary

Employ #4169E1 or #8A2BE2 for content blocks, navigation, or to introduce vibrant energy.

accent

Apply #EE82EE for luminous highlights, interactive elements, or delicate details that need to shimmer like distant stars.

background

Excellent for dark, cosmic themes using #191970, providing a dramatic and immersive backdrop.

text

White or a light lavender ensures excellent readability on darker shades. For lighter backgrounds, a deep charcoal is suitable.

Accessibility notes

  • Ensure high contrast for light text on #191970, #4169E1, and #8A2BE2 for optimal readability.
  • Avoid using #EE82EE for small text on #BA55D3, as contrast may be insufficient.
  • When using lighter purples as text on a white background, verify sufficient contrast ratios (e.g., 4.5:1).
  • Consider larger font sizes or bolding for text elements on mid-tone purples to enhance legibility.

Recommended combinations

Cosmic Depth

A deep blue base with a vibrant blue and a bright purple highlight for a dynamic, space-like feel.

#191970 · #4169E1 · #EE82EE

Nebula Gradient

Combine purple shades for a smooth, ethereal gradient effect, ideal for backgrounds or large visuals.

#8A2BE2 · #BA55D3 · #EE82EE

Stellar Contrast

Pair the darkest shade with a rich purple and a vibrant blue for a sophisticated, high-contrast look.

#191970 · #8A2BE2 · #4169E1

CSS variables

:root {
  --nebula-cloud-drift-2-1: #191970;
  --nebula-cloud-drift-2-2: #4169E1;
  --nebula-cloud-drift-2-3: #8A2BE2;
  --nebula-cloud-drift-2-4: #BA55D3;
  --nebula-cloud-drift-2-5: #EE82EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nebula-cloud-drift-2": {
        1: "#191970",
        2: "#4169E1",
        3: "#8A2BE2",
        4: "#BA55D3",
        5: "#EE82EE",
      }
    }
  }
}

Related searches

nebula color palettecosmic design colorspurple blue gradientspace theme brandingmysterious dark palette

Palette colors

Hex values

Color 1#191970
·
Color 2#4169E1
·
Color 3#8A2BE2
·
Color 4#BA55D3
·
Color 5#EE82EE
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.1:1AA18
2.5:1Fail
3.8:1AA18
6.4:1AA
2
3.1:1AA18
1.2:1Fail
1.2:1Fail
2.1:1Fail
3
2.5:1Fail
1.2:1Fail
1.5:1Fail
2.6:1Fail
4
3.8:1AA18
1.2:1Fail
1.5:1Fail
1.7:1Fail
5
6.4:1AA
2.1:1Fail
2.6:1Fail
1.7:1Fail

Similar palettes

More like Nebula Cloud Drift

View all Cool
Nebula Dream Dust
Cosmic Dust Trail
Cosmic Stardust Drift
Deep Galaxy Swirl
Galactic Stardust Trail
Nebula Cloud Dust