Palette

Nebula Whisper Echo

Mysterious dark purples and hints of deep blue blend, echoing the silent, distant beauty of cosmic nebulae.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A0F2E#3A2A5C#6E4EB3#A57AE0#D9CCF7

Palette guide

How to use Nebula Whisper Echo

Overview

The Nebula Whisper Echo palette captures the silent, distant beauty of cosmic nebulae with its mysterious blend of dark purples and hints of deep blue. It begins with the profound #1A0F2E, transitioning through the rich #3A2A5C, and culminating in the vibrant #6E4EB3. Lighter, ethereal shades like #A57AE0 and the luminous #D9CCF7 evoke a sense of atmospheric wonder and celestial calm. This palette is ideal for designers crafting sophisticated dark themes, immersive digital experiences, or branding that conveys tranquility and mystery. Its harmonious progression ensures visual depth and versatility across diverse design applications, from UI to creative content.

Best used for

Serene meditation or mindfulness apps
Abstract art and digital illustrations
Luxury lifestyle or wellness brands
Space documentary websites
Elegant event invitations
Dark mode UI for creative portfolios

Suggested color roles

primary

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

secondary

#3A2A5C - A rich, dark purple-blue, excellent for content containers, sidebars, or subtle dividers, adding depth and refinement.

accent

#6E4EB3 - A vibrant and luminous purple-blue, perfect for calls-to-action, interactive elements, or key visual highlights that need to stand out with an ethereal glow.

background

#1A0F2E - Use this profound shade as the main canvas to establish a dark, immersive, and tranquil atmosphere, allowing lighter elements to shimmer like distant nebulae.

text

#D9CCF7 - For primary body text and headlines, providing excellent contrast against the darker shades while maintaining the palette's ethereal, starlit quality. Pure white is also a strong option for maximum readability.

Accessibility notes

Ensure #D9CCF7 text on #1A0F2E or #3A2A5C backgrounds meets WCAG AA contrast ratios.
Avoid using #A57AE0 for small text on #6E4EB3 or similar mid-tones due to potential contrast issues.
#6E4EB3 is excellent for accents, but pair with #D9CCF7 or white text for optimal readability on interactive elements.
Always test color combinations with accessibility tools, especially when using mid-range purples for text.

Recommended combinations

Cosmic Silence

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

#1A0F2E · #3A2A5C · #D9CCF7

Nebula Haze

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

#3A2A5C · #6E4EB3 · #A57AE0

Celestial Glow

Use the deepest color as the main background, #6E4EB3 for headings, and #D9CCF7 for body text or important details.

#1A0F2E · #6E4EB3 · #D9CCF7

CSS variables

:root {
  --nebula-whisper-echo-1: #1A0F2E;
  --nebula-whisper-echo-2: #3A2A5C;
  --nebula-whisper-echo-3: #6E4EB3;
  --nebula-whisper-echo-4: #A57AE0;
  --nebula-whisper-echo-5: #D9CCF7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nebula-whisper-echo": {
        1: "#1A0F2E",
        2: "#3A2A5C",
        3: "#6E4EB3",
        4: "#A57AE0",
        5: "#D9CCF7",
      }
    }
  }
}

Hex values

Color 1#1A0F2E

Color 2#3A2A5C

Color 3#6E4EB3

Color 4#A57AE0

Color 5#D9CCF7

Accessibility

Contrast checker

1.4:1Fail

3:1Fail

5.6:1AA

12.1:1AAA

1.4:1Fail

2:1Fail

3.9:1AA18

8.4:1AAA

3:1Fail

2:1Fail

1.9:1Fail

4.1:1AA18

5.6:1AA

3.9:1AA18

1.9:1Fail

2.2:1Fail

12.1:1AAA

8.4:1AAA

4.1:1AA18

2.2:1Fail

Similar palettes

More like Nebula Whisper Echo

View all dark

Celestial Glimmer Dust

Starlight Nebula Dream

Celestial Sapphire Dust

Celestial Void Gaze

Cosmic Abyss Gaze

Cosmic Dust Shimmer