Back to palettes

Palette

Mystic Nebula Gaze

Profound purples and cosmic violets, gazing into the mysterious, distant heart of a nebula.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mystic Nebula Gaze 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 Mystic Nebula Gaze.

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

Data visualization

#1F002C#3B0058#5A008A#8A00C4#B033EE

Palette guide

How to use Mystic Nebula Gaze

Overview

The Mystic Nebula Gaze palette plunges into the profound purples and cosmic violets of a distant nebula, offering a truly dark and captivating aesthetic. From the deepest #1F002C and #3B0058 to the vibrant #5A008A, #8A00C4, and brilliant #B033EE, this collection provides a stunning gradient of celestial hues. Designers and developers can leverage these shades to create immersive, otherworldly digital experiences, perfect for projects requiring a sense of cosmic wonder, mystery, and deep sophistication. The strong visual impact allows for dramatic visual hierarchies and captivating atmospheric effects, making it ideal for branding, digital art, and web interfaces that aim to transport users to another dimension.

Best used for

  • Sci-fi or space-themed video game interfaces
  • Astrology or cosmic spirituality websites
  • Luxury tech product branding
  • Dark mode UI for creative applications
  • Artistic photography (galaxy or abstract focus)
  • Concert or festival promotional materials

Suggested color roles

primary

Use #1F002C as a deep, anchoring primary for backgrounds, headers, or robust UI elements, establishing a cosmic depth.

secondary

Apply #3B0058 for secondary navigation, subheadings, or subtle dividers, maintaining the mysterious ambiance.

accent

Utilize #B033EE as a brilliant accent for interactive elements, calls-to-action, or highlights, creating a celestial pop.

background

Employ #1F002C for dark backgrounds, providing a vast, starry canvas. For content areas, use #3B0058 with lighter text.

text

For optimal readability on dark backgrounds like #1F002C or #3B0058, #B033EE or white provides excellent contrast.

Accessibility notes

  • Ensure sufficient contrast when using #5A008A for text on #3B0058; aim for larger font sizes or bolder weights.
  • #B033EE offers excellent contrast against #1F002C for primary text, meeting WCAG AA standards.
  • Avoid using #8A00C4 for small text on #B033EE to prevent readability issues; check contrast ratios carefully.
  • For critical information, always pair a bright color like #B033EE with the deepest background #1F002C.

Recommended combinations

Cosmic Depths

Creates an immersive dark mode theme with vibrant accents, ideal for captivating and dynamic interfaces.

#1F002C · #3B0058 · #B033EE

Nebula Gradient

Perfect for gradients or layered elements, mimicking the luminous transitions within a distant nebula.

#5A008A · #8A00C4 · #B033EE

Stellar Contrast

Combines a dark base with a brilliant accent and a secondary pop for impactful calls-to-action and visual hierarchy.

#1F002C · #B033EE · #8A00C4

CSS variables

:root {
  --mystic-nebula-gaze-1: #1F002C;
  --mystic-nebula-gaze-2: #3B0058;
  --mystic-nebula-gaze-3: #5A008A;
  --mystic-nebula-gaze-4: #8A00C4;
  --mystic-nebula-gaze-5: #B033EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-nebula-gaze": {
        1: "#1F002C",
        2: "#3B0058",
        3: "#5A008A",
        4: "#8A00C4",
        5: "#B033EE",
      }
    }
  }
}

Related searches

deep space purple palettemystical galaxy colorsdark cosmic UI schemecelestial web design hexvibrant nebula tones

Palette colors

Hex values

Color 1#1F002C
·
Color 2#3B0058
·
Color 3#5A008A
·
Color 4#8A00C4
·
Color 5#B033EE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
2.6:1Fail
4.2:1AA18
2
1.2:1Fail
1.4:1Fail
2.2:1Fail
3.4:1AA18
3
1.6:1Fail
1.4:1Fail
1.6:1Fail
2.5:1Fail
4
2.6:1Fail
2.2:1Fail
1.6:1Fail
1.6:1Fail
5
4.2:1AA18
3.4:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Mystic Nebula Gaze

View all dark
Celestial Void Gaze
Cosmic Drift Dust
Cosmic Dust Whisper
Cosmic Reaches
Galactic Nebula Swirl
Space Cadet Dreams