Back to palettes

Palette

Celestial Whisper Nebula

Deep purples and ethereal wisps evoking distant nebulae where stardust whispers across the void.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4A2E59#6D4F8C#9F83BD#C2A5D9#3A2542

Palette guide

How to use Celestial Whisper Nebula

Overview

The "Celestial Whisper Nebula" palette offers a sophisticated journey through deep, mystical purples, perfect for designs seeking elegance and intrigue. Anchored by the profound #3A2542 and the rich #4A2E59, it transitions smoothly into lighter, ethereal shades like #6D4F8C and the more luminous #9F83BD. The lightest tone, #C2A5D9, provides a gentle contrast, ideal for highlighting or subtle accents. Designers can leverage this palette for branding that aims for luxury, fantasy, or a cosmic theme. Developers will find these hues versatile for dark mode interfaces, sophisticated web backgrounds, or impactful UI elements, ensuring a cohesive and visually captivating user experience across various digital platforms.

Best used for

  • Luxury brand websites
  • Fantasy game interfaces
  • Astrology or spiritual apps
  • High-end event invitations
  • Dark mode UI themes
  • Elegant fashion editorials

Suggested color roles

primary

#4A2E59 - A deep, rich purple, excellent for main sections, hero backgrounds, or prominent branding elements, conveying depth and luxury.

secondary

#6D4F8C - A medium purple that complements the primary, suitable for subheadings, active states, or secondary content blocks.

accent

#C2A5D9 - A light, ethereal lavender, perfect for call-to-action buttons, interactive elements, or delicate illustrations to draw attention.

background

#3A2542 - A very dark, almost black-purple, serving as a deep, immersive background for a celestial or mystical ambiance.

text

#9F83BD - A versatile medium-light purple, suitable for body text on darker backgrounds, or a near-white color for optimal readability.

Accessibility notes

  • Ensure sufficient contrast when using #C2A5D9 for text on any dark background, especially #3A2542.
  • Body text in #9F83BD against #3A2542 or #4A2E59 offers good readability for most users.
  • Avoid using #9F83BD on #6D4F8C for critical information due to lower contrast ratios.
  • For interactive elements, maintain a contrast ratio of at least 4.5:1 for text and 3:1 for non-text components.

Recommended combinations

Cosmic Depth

Ideal for creating deep, immersive backgrounds with contrasting headlines and clear secondary information.

#3A2542 · #4A2E59 · #9F83BD

Nebula Glow

Excellent for card designs or sections where a softer purple transitions to a bright accent against a dark base.

#6D4F8C · #C2A5D9 · #3A2542

Mystic Highlight

Use for elegant product displays or feature blocks, with the lightest color as a focal point.

#4A2E59 · #9F83BD · #C2A5D9

CSS variables

:root {
  --celestial-whisper-nebula-1: #4A2E59;
  --celestial-whisper-nebula-2: #6D4F8C;
  --celestial-whisper-nebula-3: #9F83BD;
  --celestial-whisper-nebula-4: #C2A5D9;
  --celestial-whisper-nebula-5: #3A2542;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-whisper-nebula": {
        1: "#4A2E59",
        2: "#6D4F8C",
        3: "#9F83BD",
        4: "#C2A5D9",
        5: "#3A2542",
      }
    }
  }
}

Related searches

dark purple color schemesmystical ui colorscelestial branding paletteelegant space theme colorsluxury purple web design

Palette colors

Hex values

Color 1#4A2E59
·
Color 2#6D4F8C
·
Color 3#9F83BD
·
Color 4#C2A5D9
·
Color 5#3A2542
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.5:1AA18
5.3:1AA
1.2:1Fail
2
1.7:1Fail
2.1:1Fail
3.1:1AA18
2.1:1Fail
3
3.5:1AA18
2.1:1Fail
1.5:1Fail
4.2:1AA18
4
5.3:1AA
3.1:1AA18
1.5:1Fail
6.4:1AA
5
1.2:1Fail
2.1:1Fail
4.2:1AA18
6.4:1AA

Similar palettes

More like Celestial Whisper Nebula

View all dark
Cosmic Violets
Ancient Geode Vein
Astral Dream Hues
Celestial Dust Glimmer
Celestial Dust Trail
Celestial Stardust Trails