Palette

Stellar Veil Embers

Dives into the mysterious depths of space, highlighting the fiery embers and glowing gases of distant nebulae.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Stellar Veil Embers 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 Stellar Veil Embers.

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

Data visualization

#1A0033#4B0082#8A2BE2#FF4500#FFD700

Palette guide

How to use Stellar Veil Embers

Overview

The Stellar Veil Embers palette plunges into the mysterious depths of space, contrasting profound purples with fiery, glowing accents. Anchored by the ultra-dark #1A0033 and the rich #4B0082, it introduces the striking #8A2BE2, reminiscent of distant nebulae. The palette then ignites with the vibrant #FF4500 and the luminous #FFD700, symbolizing cosmic embers. This unique combination allows designers and developers to craft immersive digital experiences that are both dark and dramatic, yet punctuated by bursts of intense warmth. It's an ideal choice for projects that aim to convey mystery, fantasy, or an energetic glow within a deep, cosmic setting.

Best used for

Dark mode interfaces for games
Science fiction and fantasy art
Mysterious branding initiatives
Event lighting and stage design
Interactive storytelling platforms
Cosmic-themed digital products

Suggested color roles

primary

Utilize #1A0033 as the main background color for a truly deep, mysterious, and immersive foundation.

secondary

Apply #4B0082 for secondary panels, cards, or subtle divisions, providing a rich, dark purple layer.

accent

The fiery #FF4500 is perfect for calls-to-action, critical alerts, or vibrant highlights that demand immediate attention.

background

The profound #1A0033 sets a dark, cosmic stage, allowing the glowing embers to truly stand out.

text

For primary text on dark backgrounds, use #FFD700 or white for excellent legibility. #8A2BE2 can be used for secondary text.

Accessibility notes

Ensure sufficient contrast for text, especially when using #8A2BE2 on #4B0082, which may require larger font sizes.
Verify that interactive elements using #FF4500 have clear focus states against the dark backgrounds.
Be mindful of color blindness when distinguishing between purples and the orange/yellow accents; supplement with icons if critical.
Always test text readability on various screen types, particularly with the vibrant accents, to prevent eye strain.

Recommended combinations

Void Embers

Ideal for dramatic hero sections or alerts, combining deep darks with a striking, fiery accent.

#1A0033 · #4B0082 · #FF4500

Nebula Glow

Excellent for creating gradients, subtle highlights, or progressive disclosure in a mysterious context.

#4B0082 · #8A2BE2 · #FFD700

Cosmic Fire

Great for prominent calls-to-action, badges, or areas where intense energy and high contrast are desired.

#1A0033 · #FF4500 · #FFD700

CSS variables

:root {
  --stellar-veil-embers-1: #1A0033;
  --stellar-veil-embers-2: #4B0082;
  --stellar-veil-embers-3: #8A2BE2;
  --stellar-veil-embers-4: #FF4500;
  --stellar-veil-embers-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stellar-veil-embers": {
        1: "#1A0033",
        2: "#4B0082",
        3: "#8A2BE2",
        4: "#FF4500",
        5: "#FFD700",
      }
    }
  }
}

Hex values

Color 1#1A0033

Color 2#4B0082

Color 3#8A2BE2

Color 4#FF4500

Color 5#FFD700

Accessibility

Contrast checker

1.5:1Fail

3.2:1AA18

5.6:1AA

13.7:1AAA

1.5:1Fail

2.2:1Fail

3.8:1AA18

9.2:1AAA

3.2:1AA18

2.2:1Fail

1.7:1Fail

4.2:1AA18

5.6:1AA

3.8:1AA18

1.7:1Fail

2.5:1Fail

13.7:1AAA

9.2:1AAA

4.2:1AA18

2.5:1Fail

Similar palettes

More like Stellar Veil Embers

View all dark

Cosmic Dust Trail

Galactic Core Radiance