Back to palettes

Palette

Celestial Nebula Glow

A journey through deep space, with nebulae glowing in shades of mystical purple and soft lavender.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0F0326#2B0F4B#5C2F8B#8C5FD1#C4A2FF

Palette guide

How to use Celestial Nebula Glow

Overview

The Celestial Nebula Glow palette takes you on a journey through deep space, with nebulae glowing in shades of mystical purple and soft lavender. Ranging from the profound #0F0326 to the luminous #C4A2FF, with harmonious intermediate shades like #2B0F4B, #5C2F8B, and #8C5FD1, this collection exudes elegance and cosmic mystery. It's ideal for designers and developers looking to create immersive, captivating, and sophisticated digital experiences, branding, or interfaces that evoke the vastness and beauty of the cosmos with a touch of dreamy wonder.

Best used for

  • Sci-fi and fantasy game interfaces
  • Luxury spiritual or wellness brands
  • Mystical event promotions
  • Dark mode UI for creative platforms
  • Astronomy-focused educational content
  • High-end cosmetic product packaging

Suggested color roles

primary

#0F0326 serves as a dominant, deep background color, establishing a luxurious and mysterious foundation.

secondary

#2B0F4B or #5C2F8B are excellent for secondary sections, navigation, or card backgrounds, adding depth and richness.

accent

#C4A2FF or #8C5FD1 provides a luminous highlight for interactive elements, calls to action, or subtle glowing effects.

background

For dark themes, #0F0326 is the primary background. For lighter sections, #C4A2FF can serve as a delicate accent background.

text

#C4A2FF or #8C5FD1 offers excellent readability against the darker shades. A near-white is also suitable.

Accessibility notes

  • #C4A2FF provides strong contrast for text on #0F0326, #2B0F4B, and #5C2F8B, meeting WCAG AA standards.
  • Be cautious when using #8C5FD1 for small text on #C4A2FF; ensure sufficient contrast.
  • Ensure interactive elements using lighter shades on darker backgrounds have clear focus states.
  • This palette offers good options for high contrast text pairings, especially with the lightest and darkest shades.

Recommended combinations

Cosmic Elegance

Ideal for a sophisticated dark mode interface with clear hierarchy and a vibrant accent.

#0F0326 · #C4A2FF · #5C2F8B

Nebula Gradient

Perfect for background fills or hero sections, creating a smooth, ethereal transition.

#2B0F4B · #5C2F8B · #8C5FD1

Luminous Glow

Use #C4A2FF as a light background for specific content blocks, with dark text and a deeper accent.

#C4A2FF · #0F0326 · #2B0F4B

CSS variables

:root {
  --celestial-nebula-glow-2-1: #0F0326;
  --celestial-nebula-glow-2-2: #2B0F4B;
  --celestial-nebula-glow-2-3: #5C2F8B;
  --celestial-nebula-glow-2-4: #8C5FD1;
  --celestial-nebula-glow-2-5: #C4A2FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-nebula-glow-2": {
        1: "#0F0326",
        2: "#2B0F4B",
        3: "#5C2F8B",
        4: "#8C5FD1",
        5: "#C4A2FF",
      }
    }
  }
}

Related searches

deep purple lavender palettecosmic nebula UImystical space brandingdreamy web designelegant galaxy colors

Palette colors

Hex values

Color 1#0F0326
·
Color 2#2B0F4B
·
Color 3#5C2F8B
·
Color 4#8C5FD1
·
Color 5#C4A2FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.1:1Fail
4.4:1AA18
9.4:1AAA
2
1.2:1Fail
1.8:1Fail
3.7:1AA18
7.8:1AAA
3
2.1:1Fail
1.8:1Fail
2.1:1Fail
4.5:1AA18
4
4.4:1AA18
3.7:1AA18
2.1:1Fail
2.1:1Fail
5
9.4:1AAA
7.8:1AAA
4.5:1AA18
2.1:1Fail

Similar palettes

More like Celestial Nebula Glow

View all cool
Astral Glow Nebula
Celestial Comet Dust
Celestial Dawn Hues
Celestial Dust Stream
Celestial Echo Nebula
Celestial Nebula Rift