Back to palettes

Palette

Stardust Galaxy Veil

A shimmering expanse of blues and purples, capturing the elusive beauty of a starry galaxy.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Stardust Galaxy Veil 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 Stardust Galaxy Veil.

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

Data visualization

#191970#483D8B#6A5ACD#8A2BE2#BA55D3

Palette guide

How to use Stardust Galaxy Veil

Overview

The Stardust Galaxy Veil palette captures the elusive beauty of a starry expanse with its shimmering blend of blues and purples. From the deep, anchoring #191970 to the vibrant #BA55D3, this collection provides a rich spectrum for dramatic and mystical designs. Developers and designers can utilize these colors to create immersive digital environments, captivating branding, and visually stunning interfaces. The interplay of shades like #483D8B and #8A2BE2 allows for dynamic gradients and layered effects, perfect for projects that aim to evoke the grandeur and mystery of the cosmos, with a touch of vibrant energy.

Best used for

  • Gaming UI and fantasy art
  • Event branding (night gala, concerts)
  • Sci-fi book and movie promotions
  • Web design with dramatic flair
  • Luxury tech product packaging
  • Theatrical stage lighting concepts

Suggested color roles

primary

#191970 serves as a deep, stable base, ideal for backgrounds or foundational elements in a dark theme.

secondary

#483D8B offers a rich, supporting blue-purple, perfect for adding depth to larger sections.

accent

#BA55D3 provides a bright, vibrant highlight, excellent for calls-to-action or glowing interactive elements.

background

Use #191970 for a truly immersive dark background, providing a canvas for brighter elements to shine.

text

Optimal text readability is achieved with white or a very light grey on darks, or #BA55D3 for headings on deep backgrounds.

Accessibility notes

  • Ensure sufficient contrast for all text; light colors (e.g., white) are crucial on the dark blues and purples.
  • Avoid using #6A5ACD or #483D8B for small text on #191970 due to low contrast.
  • The vibrant #BA55D3 should be used sparingly as text on mid-tones like #6A5ACD, as contrast may be insufficient.
  • Interactive elements must have clear visual feedback, possibly using #BA55D3 against a darker primary color.

Recommended combinations

Deep Cosmic Contrast

Creates dynamic headers, key information highlights, and striking UI accents.

#191970 · #BA55D3 · #6A5ACD

Galactic Gradient

Perfect for flowing backgrounds, visual depth in illustrations, or subtle transitions.

#483D8B · #6A5ACD · #8A2BE2

Mystical Glow

Ideal for glowing effects, interactive elements, or to emphasize special features in a dark interface.

#191970 · #8A2BE2 · #BA55D3

CSS variables

:root {
  --stardust-galaxy-veil-1: #191970;
  --stardust-galaxy-veil-2: #483D8B;
  --stardust-galaxy-veil-3: #6A5ACD;
  --stardust-galaxy-veil-4: #8A2BE2;
  --stardust-galaxy-veil-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stardust-galaxy-veil": {
        1: "#191970",
        2: "#483D8B",
        3: "#6A5ACD",
        4: "#8A2BE2",
        5: "#BA55D3",
      }
    }
  }
}

Related searches

blue purple galaxy palettemystical dark color schemevibrant cosmic designsci-fi UI colorsdramatic night sky palette

Palette colors

Hex values

Color 1#191970
·
Color 2#483D8B
·
Color 3#6A5ACD
·
Color 4#8A2BE2
·
Color 5#BA55D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
2.5:1Fail
3.8:1AA18
2
1.6:1Fail
1.7:1Fail
1.5:1Fail
2.3:1Fail
3
2.8:1Fail
1.7:1Fail
1.1:1Fail
1.3:1Fail
4
2.5:1Fail
1.5:1Fail
1.1:1Fail
1.5:1Fail
5
3.8:1AA18
2.3:1Fail
1.3:1Fail
1.5:1Fail

Similar palettes

More like Stardust Galaxy Veil

View all dark