Back to palettes

Palette

Nebula Haze Drift

Deep, enchanting purples and blues inspired by the swirling, dusty beauty of a distant nebula.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2B1F45#4B3D7B#6C5BA6#8F7ED1#A99BFD

Palette guide

How to use Nebula Haze Drift

Overview

The Nebula Haze Drift palette offers a serene yet mysterious journey through cosmic purples and blues, capturing the ethereal beauty of distant nebulae. Starting with the profound #2B1F45, it smoothly transitions through the rich #4B3D7B and the captivating #6C5BA6. Lighter, luminous shades like #8F7ED1 and the almost glowing #A99BFD complete the spectrum, providing a sense of depth and atmospheric wonder. This palette is ideal for designers crafting elegant, immersive digital experiences, sophisticated branding, or any project that benefits from a celestial, dreamlike quality. Its harmonious blend ensures visual appeal and versatility for both UI and graphic design.

Best used for

  • Elegant tech product interfaces
  • Luxury spa or wellness branding
  • Sci-fi or fantasy book cover designs
  • Immersive art installations or digital galleries
  • Astronomy club websites or educational apps
  • Serene meditation app UI

Suggested color roles

primary

#2B1F45 - A deep, anchoring purple-blue, perfect for expansive backgrounds, footer areas, or primary structural components, establishing a sophisticated dark base.

secondary

#4B3D7B - This rich, slightly lighter purple-blue works well for content blocks, card backgrounds, or navigation elements, adding nuanced depth.

accent

#8F7ED1 - A luminous purple-blue that stands out beautifully, ideal for calls-to-action, interactive icons, or key highlights needing gentle prominence.

background

#2B1F45 - Utilize this profound shade as the main canvas to create an immersive, mysterious atmosphere, allowing lighter elements to float gracefully.

text

#A99BFD - For primary text and headlines, offering excellent readability against the darker shades while maintaining the palette's ethereal quality. Pure white can also be used for maximum contrast.

Accessibility notes

  • Ensure #A99BFD text on #2B1F45 or #4B3D7B backgrounds meets WCAG AA contrast.
  • Avoid using #6C5BA6 for small text on #4B3D7B due to insufficient contrast.
  • #8F7ED1 is a good accent, but pair with white text for optimal contrast on interactive elements.
  • Consider sufficient spacing and clear typography when using mid-tone colors for text elements.

Recommended combinations

Cosmic Veil

Excellent for dark UI themes, using the darkest for background and lightest for primary text.

#2B1F45 · #4B3D7B · #A99BFD

Nebula Glow

Create subtle gradients or layered elements, evoking a soft, atmospheric transition.

#4B3D7B · #6C5BA6 · #8F7ED1

Astral Highlight

Use the darkest for the main background, #8F7ED1 for headings, and #A99BFD for key information or accents.

#2B1F45 · #8F7ED1 · #A99BFD

CSS variables

:root {
  --nebula-haze-drift-1: #2B1F45;
  --nebula-haze-drift-2: #4B3D7B;
  --nebula-haze-drift-3: #6C5BA6;
  --nebula-haze-drift-4: #8F7ED1;
  --nebula-haze-drift-5: #A99BFD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nebula-haze-drift": {
        1: "#2B1F45",
        2: "#4B3D7B",
        3: "#6C5BA6",
        4: "#8F7ED1",
        5: "#A99BFD",
      }
    }
  }
}

Related searches

dark purple blue palettecosmic ui design colorsmysterious brand paletteastral web designethereal color scheme

Palette colors

Hex values

Color 1#2B1F45
·
Color 2#4B3D7B
·
Color 3#6C5BA6
·
Color 4#8F7ED1
·
Color 5#A99BFD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
4.4:1AA18
6.4:1AA
2
1.6:1Fail
1.6:1Fail
2.7:1Fail
3.9:1AA18
3
2.7:1Fail
1.6:1Fail
1.6:1Fail
2.4:1Fail
4
4.4:1AA18
2.7:1Fail
1.6:1Fail
1.4:1Fail
5
6.4:1AA
3.9:1AA18
2.4:1Fail
1.4:1Fail

Similar palettes

More like Nebula Haze Drift

View all dark
Celestial Stardust Trails
Cosmic Nebula Swirl
Cosmic Stardust Drift
Cosmic Veil Glimmer
Dark Galaxy Nebula
Galactic Cloud Glow