Back to palettes

Palette

Nebula Glimmer Dream

A dark, mesmerizing palette capturing the glittering, enigmatic beauty of galactic star dust.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Nebula Glimmer Dream 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 Glimmer Dream.

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

Data visualization

#0D0B1C#2F254A#5A477A#916BB3#C99FE6

Palette guide

How to use Nebula Glimmer Dream

Overview

The Nebula Glimmer Dream palette offers a dark, mesmerizing journey into the cosmos, perfect for designs seeking depth and mystical allure. Anchored by the profound #0D0B1C, it gracefully transitions through rich purples like #2F254A and #5A477A, culminating in the ethereal glow of #916BB3 and the soft shimmer of #C99FE6. This gradient of deep space to distant starlight is ideal for creating immersive digital experiences, elegant branding, or sophisticated UI themes. Designers will appreciate its ability to evoke wonder and luxury, while developers can leverage its distinct steps for clear visual hierarchy and captivating atmospheric effects across various platforms.

Best used for

  • Luxury brand websites and apps
  • Sci-fi game interfaces and concept art
  • Mystical or fantasy-themed digital products
  • High-end event branding and invitations
  • Dark mode UI themes for creative tools
  • E-commerce for jewelry or unique art

Suggested color roles

primary

#0D0B1C - The deep, almost black foundation, ideal for large backgrounds, headers, or primary structural elements, providing a vast cosmic canvas.

secondary

#2F254A - A rich, dark purple excellent for secondary containers, navigation bars, or subtle shadow effects, adding depth without overwhelming.

accent

#916BB3 - A vibrant yet sophisticated purple, perfect for calls-to-action, interactive elements, or key visual highlights that need to pop.

background

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

text

#C99FE6 - For primary body text and headlines, providing excellent contrast against darker backgrounds while maintaining the ethereal mood. Alternatively, use a crisp white for maximum readability.

Accessibility notes

  • Ensure #C99FE6 text on #0D0B1C or #2F254A backgrounds meets WCAG AA contrast ratios for readability.
  • Avoid using #5A477A for small text on #2F254A as contrast might be insufficient.
  • Utilize #916BB3 for interactive elements, but pair with white text for optimal accessibility.
  • Consider larger font sizes or bolding when using mid-tone purples for text on slightly lighter backgrounds.

Recommended combinations

Cosmic Depth

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

#0D0B1C · #2F254A · #C99FE6

Mystical Gradient

Effective for subtle gradients in hero sections or atmospheric illustrations, creating a smooth transition.

#2F254A · #5A477A · #916BB3

Starlight Pop

Use the deepest purple as background, #916BB3 for headings, and #C99FE6 for accents or interactive elements.

#0D0B1C · #916BB3 · #C99FE6

CSS variables

:root {
  --nebula-glimmer-dream-1: #0D0B1C;
  --nebula-glimmer-dream-2: #2F254A;
  --nebula-glimmer-dream-3: #5A477A;
  --nebula-glimmer-dream-4: #916BB3;
  --nebula-glimmer-dream-5: #C99FE6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nebula-glimmer-dream": {
        1: "#0D0B1C",
        2: "#2F254A",
        3: "#5A477A",
        4: "#916BB3",
        5: "#C99FE6",
      }
    }
  }
}

Related searches

dark purple color schemesmystical web design palettespace themed ui colorsluxury cosmic brandingdeep purple design inspiration

Palette colors

Hex values

Color 1#0D0B1C
·
Color 2#2F254A
·
Color 3#5A477A
·
Color 4#916BB3
·
Color 5#C99FE6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.4:1Fail
4.6:1AA
8.9:1AAA
2
1.4:1Fail
1.8:1Fail
3.3:1AA18
6.5:1AA
3
2.4:1Fail
1.8:1Fail
1.9:1Fail
3.7:1AA18
4
4.6:1AA
3.3:1AA18
1.9:1Fail
1.9:1Fail
5
8.9:1AAA
6.5:1AA
3.7:1AA18
1.9:1Fail

Similar palettes

More like Nebula Glimmer Dream

View all dark
Violet Stardust Swirl
Celestial Lanterns
Cosmic Dream Dust
Cosmic Drift Dust
Galactic Void Shimmer
Celestial Glimmer Dust