Back to palettes

Palette

Nebula Whisper Violet

Enigmatic deep purples and fuchsias that hint at distant, swirling cosmic clouds.

Darkdark5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A1A4A#9E2B6D#C75F9C#3F0F2E#5C2D5A

Palette guide

How to use Nebula Whisper Violet

Overview

The Nebula Whisper Violet palette unveils enigmatic deep purples and fuchsias, echoing the swirling beauty of distant cosmic clouds. It grounds itself in the profound #3F0F2E, moving through the rich #5C2D5A and the captivating #6A1A4A. The vibrant #9E2B6D introduces a celestial energy, culminating in the luminous #C75F9C, which hints at ethereal starlight. This palette is perfect for designers crafting sophisticated, mysterious interfaces, luxurious branding, or any project requiring a blend of deep elegance and vibrant allure. Its unique fuchsia undertones offer a distinctive mood, ensuring visual appeal and versatility across various design applications.

Best used for

  • High-end fashion or beauty brand websites
  • Luxury event or gala branding
  • Dark mode UI for creative portfolios
  • Mystical or fantasy-themed digital art
  • E-commerce for unique jewelry or handcrafted items
  • Sophisticated editorial layouts

Suggested color roles

primary

#3F0F2E - The deepest, dark plum, ideal for expansive backgrounds, containers, or primary structural elements, providing a truly mysterious and luxurious foundation.

secondary

#5C2D5A - A rich, dark purple, excellent for secondary content blocks, navigation bars, or subtle shadow effects, adding depth and refinement.

accent

#9E2B6D - A vibrant and captivating fuchsia-purple, perfect for calls-to-action, interactive elements, or key visual highlights that need to pop with elegant intensity.

background

#3F0F2E - Use this profound shade as the main backdrop to establish a dark, immersive, and luxurious atmosphere, allowing lighter elements to truly glimmer.

text

#C75F9C - For primary body text and headlines, providing good contrast against the darker backgrounds while maintaining the palette's vibrant, ethereal mood. Pure white offers maximum readability.

Accessibility notes

  • Ensure #C75F9C text on #3F0F2E or #5C2D5A backgrounds meets WCAG AA contrast ratios.
  • Avoid using #9E2B6D for small text on #6A1A4A as contrast might be insufficient.
  • #9E2B6D is a strong accent, but pair with white or a very light gray text for optimal accessibility on interactive elements.
  • Always verify contrast for text and interactive elements, especially with mid-range fuchsias.

Recommended combinations

Deep Cosmos

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

#3F0F2E · #5C2D5A · #C75F9C

Fuchsia Glow

Create dynamic gradients for hero sections or layered atmospheric illustrations, evoking a soft, vibrant transition.

#5C2D5A · #6A1A4A · #9E2B6D

Mystical Pop

Use the deepest color as a backdrop, #9E2B6D for headings, and #C75F9C for key information or accents.

#3F0F2E · #9E2B6D · #C75F9C

CSS variables

:root {
  --nebula-whisper-violet-1: #6A1A4A;
  --nebula-whisper-violet-2: #9E2B6D;
  --nebula-whisper-violet-3: #C75F9C;
  --nebula-whisper-violet-4: #3F0F2E;
  --nebula-whisper-violet-5: #5C2D5A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nebula-whisper-violet": {
        1: "#6A1A4A",
        2: "#9E2B6D",
        3: "#C75F9C",
        4: "#3F0F2E",
        5: "#5C2D5A",
      }
    }
  }
}

Related searches

dark fuchsia purple palettemysterious violet color schemecosmic cloud brandingdeep purple web designluxury dark mode colors

Palette colors

Hex values

Color 1#6A1A4A
·
Color 2#9E2B6D
·
Color 3#C75F9C
·
Color 4#3F0F2E
·
Color 5#5C2D5A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3:1Fail
1.4:1Fail
1.1:1Fail
2
1.6:1Fail
1.8:1Fail
2.3:1Fail
1.5:1Fail
3
3:1Fail
1.8:1Fail
4.2:1AA18
2.8:1Fail
4
1.4:1Fail
2.3:1Fail
4.2:1AA18
1.5:1Fail
5
1.1:1Fail
1.5:1Fail
2.8:1Fail
1.5:1Fail

Similar palettes

More like Nebula Whisper Violet

View all Dark
Abyssal Light Organism
Deep Sea Lumen
Midnight Ocean Depths
Ancient Bronze Ritual
Arid Dusk Hues
Celestial Ocean Depth