Back to palettes

Palette

Nebula Whisper Veil

Swirling nebulae of deep cosmic blues and purples, illuminated by distant starlight.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Nebula Whisper Veil 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 Whisper Veil.

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

Data visualization

#0F0D29#1E184A#3A2F6B#5C508A#A08ABF

Palette guide

How to use Nebula Whisper Veil

Overview

The Nebula Whisper Veil palette captures the serene mystery of swirling cosmic nebulae, illuminated by distant starlight. It begins with the profound #0F0D29, transitioning through the deep #1E184A and the rich #3A2F6B. Mid-tones like #5C508A and the ethereal #A08ABF complete the spectrum, creating a sense of tranquil depth and cosmic elegance. This palette is ideal for designers crafting sophisticated dark themes, immersive digital experiences, or branding that conveys a sense of wonder and calm. Its harmonious progression ensures visual depth and versatility across diverse design applications, from UI to creative content.

Best used for

  • Dark mode UI for educational platforms
  • Luxury travel or experience booking sites
  • Abstract digital art and photography
  • Space-themed documentary visuals
  • High-end professional services branding
  • Meditation and relaxation apps

Suggested color roles

primary

#0F0D29 - The deepest, almost black blue-purple, serving as an expansive, stable base for large backgrounds, headers, or foundational elements, setting a profound, tranquil tone.

secondary

#1E184A - A rich, dark blue-purple, excellent for content containers, sidebars, or subtle dividers, adding depth and sophistication.

accent

#5C508A - A balanced medium blue-purple, perfect for calls-to-action, interactive elements, or key visual highlights that need to stand out with subtle elegance.

background

#0F0D29 - Use this profound shade as the main canvas to establish a dark, immersive, and tranquil atmosphere, allowing lighter elements to shimmer gently.

text

#A08ABF - For primary body text and headlines, providing excellent contrast against the darker shades while maintaining the palette's ethereal, starlit quality. Pure white or a very light gray can offer stronger contrast.

Accessibility notes

  • Ensure #A08ABF text on #0F0D29 or #1E184A backgrounds meets WCAG AA contrast ratios.
  • Avoid using #5C508A for small text on #3A2F6B due to potential contrast issues.
  • When using #A08ABF for interactive elements, consider pairing with a darker text color for better visibility if contrast is low.
  • Always test color combinations with accessibility tools, especially with mid-range colors.

Recommended combinations

Deep Cosmic

Ideal for dark UI, using the darkest for background and lightest for primary text and highlights.

#0F0D29 · #1E184A · #A08ABF

Nebula Layers

Create smooth, atmospheric gradients for hero banners or subtle background effects, evoking depth and transition.

#1E184A · #3A2F6B · #5C508A

Starlight Whisper

Use the deepest color as the main background, #5C508A for headings, and #A08ABF for body text or important details.

#0F0D29 · #5C508A · #A08ABF

CSS variables

:root {
  --nebula-whisper-veil-1: #0F0D29;
  --nebula-whisper-veil-2: #1E184A;
  --nebula-whisper-veil-3: #3A2F6B;
  --nebula-whisper-veil-4: #5C508A;
  --nebula-whisper-veil-5: #A08ABF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nebula-whisper-veil": {
        1: "#0F0D29",
        2: "#1E184A",
        3: "#3A2F6B",
        4: "#5C508A",
        5: "#A08ABF",
      }
    }
  }
}

Related searches

dark blue purple palettecosmic UI designnebula web design colorsethereal dark brandingtranquil space theme

Palette colors

Hex values

Color 1#0F0D29
·
Color 2#1E184A
·
Color 3#3A2F6B
·
Color 4#5C508A
·
Color 5#A08ABF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
2.7:1Fail
6.2:1AA
2
1.2:1Fail
1.4:1Fail
2.3:1Fail
5.4:1AA
3
1.6:1Fail
1.4:1Fail
1.7:1Fail
3.8:1AA18
4
2.7:1Fail
2.3:1Fail
1.7:1Fail
2.3:1Fail
5
6.2:1AA
5.4:1AA
3.8:1AA18
2.3:1Fail

Similar palettes

More like Nebula Whisper Veil

View all dark
Celestial Dust Swirl
Cosmic Dust Bloom
Cosmic Dust Shimmer
Cosmic Dust Trail
Cosmic Vapour Trails
Deep Space Nebula