Back to palettes

Palette

Desert Starlight Glow

Deep, enigmatic purples inspired by the vast, star-filled desert sky, glowing with an otherworldly charm.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Starlight Glow 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 Desert Starlight Glow.

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

Data visualization

#2A1F3C#4C376B#7E5F9B#B48ECE#E6C1FF

Palette guide

How to use Desert Starlight Glow

Overview

The "Desert Starlight Glow" palette offers a spectrum of deep, enigmatic purples, perfectly capturing the vast, star-filled desert sky. Anchored by the profound #2A1F3C and #4C376B, it transitions beautifully through mid-tones like #7E5F9B to the ethereal #B48ECE and the luminous #E6C1FF. This dark and mystical collection is ideal for designers aiming to create sophisticated, immersive, and otherworldly digital experiences. Its gradient potential allows for stunning visual depth, making it suitable for luxury branding, futuristic interfaces, or any project that seeks to evoke wonder, calm, and a touch of cosmic elegance.

Best used for

  • Luxury tech brand interfaces
  • Meditation or mindfulness apps
  • Astrology or spiritual websites
  • Sci-fi themed game environments
  • High-end event invitations
  • Dark mode UI designs

Suggested color roles

primary

#4C376B - A rich, deep purple, serving as the main brand color for sophistication and depth.

secondary

#7E5F9B - A balanced, mid-tone purple, excellent for secondary elements, illustrations, or larger content blocks.

accent

#E6C1FF - A luminous, light lavender for ethereal highlights, interactive elements, or delicate celestial details.

background

#2A1F3C - A very dark, almost black-purple, providing a luxurious, immersive backdrop.

text

#B48ECE - For legible body text on dark backgrounds, or a crisp white for maximum contrast on #2A1F3C.

Accessibility notes

  • Ensure #E6C1FF (light) has sufficient contrast when paired with #2A1F3C or #4C376B (dark) for text.
  • Avoid using #B48ECE directly on #7E5F9B for small text due to potentially insufficient contrast.
  • For body text on #2A1F3C, #B48ECE provides good readability, but pure white offers even higher contrast.
  • Always check WCAG guidelines for text and interactive element contrast ratios, especially for buttons and links.

Recommended combinations

Cosmic Gradient

Creates a smooth, deep gradient, perfect for immersive backgrounds or abstract visual elements.

#2A1F3C · #4C376B · #7E5F9B

Starlight Accent

Highlights key information or interactive elements with a luminous glow against a darker base.

#4C376B · #E6C1FF · #B48ECE

Enigmatic Depth

A balanced scheme for sophisticated branding, using the lightest purple as a subtle accent.

#7E5F9B · #B48ECE · #2A1F3C

CSS variables

:root {
  --desert-starlight-glow-1: #2A1F3C;
  --desert-starlight-glow-2: #4C376B;
  --desert-starlight-glow-3: #7E5F9B;
  --desert-starlight-glow-4: #B48ECE;
  --desert-starlight-glow-5: #E6C1FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-starlight-glow": {
        1: "#2A1F3C",
        2: "#4C376B",
        3: "#7E5F9B",
        4: "#B48ECE",
        5: "#E6C1FF",
      }
    }
  }
}

Related searches

dark mystical purple palettecosmic glow color schemeluxury dark mode colorsstarry night UI designenigmatic purple branding

Palette colors

Hex values

Color 1#2A1F3C
·
Color 2#4C376B
·
Color 3#7E5F9B
·
Color 4#B48ECE
·
Color 5#E6C1FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.9:1Fail
5.7:1AA
9.9:1AAA
2
1.5:1Fail
1.9:1Fail
3.7:1AA18
6.5:1AA
3
2.9:1Fail
1.9:1Fail
1.9:1Fail
3.4:1AA18
4
5.7:1AA
3.7:1AA18
1.9:1Fail
1.7:1Fail
5
9.9:1AAA
6.5:1AA
3.4:1AA18
1.7:1Fail

Similar palettes

More like Desert Starlight Glow

View all dark