Back to palettes

Palette

Nebula Whispers Soft

Drifting through cosmic dust, this palette captures the soft, mystical glow of a distant nebula.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Nebula Whispers Soft 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 Whispers Soft.

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

Data visualization

#1B2132#403D6A#6F6CA8#A3A2D4#D5D4EE

Palette guide

How to use Nebula Whispers Soft

Overview

The Nebula Whispers Soft palette offers a serene and mystical aesthetic, perfect for designs requiring a calm, ethereal touch. Dominated by deep purples and blues, it transitions from the dark depth of #1B2132 to the soft, luminous lilac of #D5D4EE. Designers can leverage the rich contrast between the darker shades like #403D6A and the lighter #A3A2D4 to create visual hierarchy. Developers will find this palette excellent for crafting immersive user interfaces, space-themed applications, or sophisticated branding that evokes wonder and tranquility. The cool undertones ensure a cohesive and harmonious visual experience across various digital and print mediums.

Best used for

  • Mystical branding and logos
  • Space-themed websites or apps
  • Relaxation and meditation interfaces
  • Elegant editorial designs
  • Luxury product packaging
  • Abstract art and digital illustrations

Suggested color roles

primary

Use #403D6A for main sections and prominent elements, providing a sophisticated and deep anchor.

secondary

Apply #6F6CA8 for supporting graphics or secondary navigation, offering a softer yet distinct presence.

accent

Highlight key interactive elements or call-to-action buttons with #A3A2D4 for a gentle pop.

background

Employ #1B2132 for a dark, immersive background, or #D5D4EE for a light, airy canvas.

text

Pair light text like white or #D5D4EE against darker backgrounds such as #1B2132 for readability. For lighter backgrounds, use #1B2132 or a dark charcoal.

Accessibility notes

  • Ensure sufficient contrast when using #D5D4EE text on #A3A2D4 backgrounds.
  • Darker colors like #1B2132 and #403D6A provide excellent contrast for light text.
  • Avoid using #6F6CA8 for small text on #A3A2D4 backgrounds without checking contrast ratios.
  • Consider using #1B2132 for body text against a #D5D4EE background for optimal readability.

Recommended combinations

Deep Cosmos

Ideal for elegant dark mode interfaces or cosmic-themed digital art, providing strong contrast.

#1B2132 · #403D6A · #D5D4EE

Nebula Glow

Perfect for subtle gradients, soft illustrations, or backgrounds requiring a light, ethereal feel.

#6F6CA8 · #A3A2D4 · #D5D4EE

Mystic Depth

Effective for creating depth in UI elements or layered graphic designs with a cool, inviting tone.

#1B2132 · #6F6CA8 · #A3A2D4

CSS variables

:root {
  --nebula-whispers-soft-1: #1B2132;
  --nebula-whispers-soft-2: #403D6A;
  --nebula-whispers-soft-3: #6F6CA8;
  --nebula-whispers-soft-4: #A3A2D4;
  --nebula-whispers-soft-5: #D5D4EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nebula-whispers-soft": {
        1: "#1B2132",
        2: "#403D6A",
        3: "#6F6CA8",
        4: "#A3A2D4",
        5: "#D5D4EE",
      }
    }
  }
}

Related searches

soft purple color schememystical blue palettecalm space colorsethereal UI designcool tone branding

Palette colors

Hex values

Color 1#1B2132
·
Color 2#403D6A
·
Color 3#6F6CA8
·
Color 4#A3A2D4
·
Color 5#D5D4EE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.3:1AA18
6.6:1AA
11.1:1AAA
2
1.6:1Fail
2.1:1Fail
4.1:1AA18
6.9:1AA
3
3.3:1AA18
2.1:1Fail
2:1Fail
3.3:1AA18
4
6.6:1AA
4.1:1AA18
2:1Fail
1.7:1Fail
5
11.1:1AAA
6.9:1AA
3.3:1AA18
1.7:1Fail

Similar palettes

More like Nebula Whispers Soft

View all cool
Cosmic Dust Cloud
Galactic Cloud Drift
Galactic Ice Nebula
Stardust Nebula Bloom
Arctic Sky Aurora
Aurora Shimmer Lights