Back to palettes

Palette

Dark Star Glimmer

Deep, cosmic purples hinting at a hidden glimmer of light within the vast, dark expanse of space.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dark Star Glimmer 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 Dark Star Glimmer.

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

Data visualization

#1A002A#33004C#660099#9933CC#CC66FF

Palette guide

How to use Dark Star Glimmer

Overview

The Dark Star Glimmer palette takes you on a cosmic journey through deep, mysterious purples, hinting at hidden light within the vast expanse of space. From the profound #1A002A to the luminous #CC66FF, this palette offers a vibrant yet sophisticated gradient for designs seeking a celestial and enigmatic aesthetic. It's ideal for sci-fi interfaces, fantasy art, or any project that aims to evoke wonder and futuristic elegance. Designers can leverage its depth for immersive backgrounds, while developers will find it perfect for dark mode themes that require a distinctive, otherworldly glow, ensuring a captivating user experience with a touch of magic.

Best used for

  • Sci-fi game interfaces or concept art
  • Space exploration website themes
  • Fantasy or mystical branding
  • Dark mode UI for creative design tools
  • Event branding for technology or innovation conferences
  • Digital art and illustration with cosmic themes

Suggested color roles

primary

#33004C - A deep, rich galaxy purple that serves as a strong, elegant foundation for primary elements, large sections, or brand identity.

secondary

#660099 - This vibrant, electric purple offers a compelling contrast, suitable for secondary content blocks, navigation, or as a contrasting panel.

accent

#CC66FF - The lightest shade, a luminous bright lavender, perfect for glowing highlights, interactive states, or delicate graphical details, creating a celestial shimmer.

background

#1A002A - An exceptionally dark, almost black-purple, offering a profound, immersive background that enhances the mysterious feel of the palette.

text

#9933CC - A bright, highly visible purple that works well for subheadings or emphasized text. For main body text on the darkest backgrounds, consider a very light gray (e.g., #F0F0F0) for optimal readability.

Accessibility notes

  • Ensure sufficient contrast when using #CC66FF for text on darker backgrounds like #1A002A or #33004C.
  • #9933CC might have insufficient contrast on #660099; test carefully.
  • For critical text on the darkest backgrounds, opt for a pure white or very light gray to meet accessibility standards.
  • Avoid using #1A002A as a background for anything but very light text due to its extreme darkness.

Recommended combinations

Cosmic Depths

Creating stunning background gradients for hero sections, adding depth and a celestial feel.

#1A002A · #33004C · #660099

Starburst Pop

Pairing a dark base with a luminous accent and a bright text color for call-to-actions or alerts.

#33004C · #CC66FF · #9933CC

Glimmering Layers

Designing UI elements where bright, layered purples create a futuristic and interactive feel.

#660099 · #9933CC · #CC66FF

CSS variables

:root {
  --dark-star-glimmer-1: #1A002A;
  --dark-star-glimmer-2: #33004C;
  --dark-star-glimmer-3: #660099;
  --dark-star-glimmer-4: #9933CC;
  --dark-star-glimmer-5: #CC66FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dark-star-glimmer": {
        1: "#1A002A",
        2: "#33004C",
        3: "#660099",
        4: "#9933CC",
        5: "#CC66FF",
      }
    }
  }
}

Related searches

dark purple galaxy palettecosmic color schemenebula hex codesspace themed UI colorsmystical purple gradient

Palette colors

Hex values

Color 1#1A002A
·
Color 2#33004C
·
Color 3#660099
·
Color 4#9933CC
·
Color 5#CC66FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.9:1Fail
3.4:1AA18
6.4:1AA
2
1.2:1Fail
1.6:1Fail
3:1Fail
5.6:1AA
3
1.9:1Fail
1.6:1Fail
1.8:1Fail
3.4:1AA18
4
3.4:1AA18
3:1Fail
1.8:1Fail
1.9:1Fail
5
6.4:1AA
5.6:1AA
3.4:1AA18
1.9:1Fail

Similar palettes

More like Dark Star Glimmer

View all dark