Palette

Nebula Cloud Dust

Soft yet profound purples and blues capturing the ethereal beauty of a distant celestial cloud.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#191970#4B0082#800080#BA55D3#DDA0DD

Palette guide

How to use Nebula Cloud Dust

Overview

The Nebula Cloud Dust palette brings together soft yet profound purples and blues, capturing the ethereal beauty of a distant celestial cloud. Anchored by the deep #191970 and the rich #4B0082, it transitions through the royal #800080 to the delicate #BA55D3 and #DDA0DD. This palette is ideal for projects seeking a mysterious and elegant cosmic feel, suitable for both digital and print. Designers can create depth with the darker shades and use the lighter purples for gentle highlights or illustrative elements. Developers will find it excellent for crafting serene interfaces or sophisticated backgrounds that evoke wonder and calm.

Best used for

Spiritual or wellness app interfaces
Ethereal photography presets
Fantasy game environments
Luxury cosmetic packaging
Meditation and mindfulness platforms
Art gallery websites

Suggested color roles

primary

Employ #191970 as a deep, anchoring color for main layouts or large content blocks.

secondary

Use #4B0082 for supporting sections or interactive components, offering a rich, complementary tone.

accent

The vibrant #BA55D3 is perfect for calls-to-action or significant highlights, ensuring visibility.

background

A deep #191970 provides a mysterious and immersive background, ideal for creating depth.

text

For optimal readability, use white or a light cream text color on the darker shades.

Accessibility notes

Ensure sufficient contrast when pairing #DDA0DD with #BA55D3 for text, as they are relatively close in value.
White text on #191970 and #4B0082 provides excellent contrast and readability.
Avoid using darker palette colors like #191970 for text on other dark shades without careful contrast checks.
Consider using a slightly darker text for #DDA0DD if used as a background to meet WCAG standards.

Recommended combinations

Cosmic Depth

Creates a deep, mysterious visual, excellent for hero sections or brand identity.

#191970 · #4B0082 · #BA55D3

Ethereal Glow

Generates a soft, glowing effect, suitable for delicate illustrations or subtle UI elements.

#800080 · #BA55D3 · #DDA0DD

Mystic Harmony

Balances deep tones with soft accents, ideal for sophisticated dashboards or presentation slides.

#191970 · #800080 · #DDA0DD

CSS variables

:root {
  --nebula-cloud-dust-1: #191970;
  --nebula-cloud-dust-2: #4B0082;
  --nebula-cloud-dust-3: #800080;
  --nebula-cloud-dust-4: #BA55D3;
  --nebula-cloud-dust-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nebula-cloud-dust": {
        1: "#191970",
        2: "#4B0082",
        3: "#800080",
        4: "#BA55D3",
        5: "#DDA0DD",
      }
    }
  }
}

Hex values

Color 1#191970

Color 2#4B0082

Color 3#800080

Color 4#BA55D3

Color 5#DDA0DD

Accessibility

Contrast checker

1.1:1Fail

1.6:1Fail

3.8:1AA18

7.2:1AAA

1.1:1Fail

1.4:1Fail

3.3:1AA18

6.3:1AA

1.6:1Fail

1.4:1Fail

2.4:1Fail

4.6:1AA

3.8:1AA18

3.3:1AA18

2.4:1Fail

1.9:1Fail

7.2:1AAA

6.3:1AA

4.6:1AA

1.9:1Fail

Similar palettes

More like Nebula Cloud Dust

View all dark

Cosmic Stardust Drift

Nebula Dream Dust

Astral Dust Whisper

Celestial Dust Swirl

Celestial Shimmer Glow

Celestial Stardust Trails