Back to palettes

Palette

Starlight Desert Night

Deep, mystical blues and purples reflecting the quiet grandeur of a starlit desert sky.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2A1D3A#4B325A#6D4E7B#1C0F27#3B264E

Palette guide

How to use Starlight Desert Night

Overview

The Starlight Desert Night palette evokes the quiet grandeur of a starlit desert sky, featuring deep, mystical blues and purples. This dark color scheme, anchored by rich shades like #2A1D3A and the even deeper #1C0F27, offers a sophisticated and dramatic foundation for digital and print designs. With supporting hues such as #4B325A and the lighter accent #6D4E7B, it provides a cohesive range for creating immersive experiences. Designers and developers can leverage this palette to craft elegant interfaces, compelling brand identities, or atmospheric digital environments that convey depth, luxury, and a touch of the ethereal. The subtle variations in purple and blue tones allow for depth without overwhelming the user.

Best used for

  • High-end luxury brand identities
  • Space, astronomy, or mystical themed applications
  • Evening event invitations and promotions
  • Dark mode UI/UX designs for tech products
  • Art and photography portfolios or galleries
  • Elegant editorial design for fashion or culture magazines

Suggested color roles

primary

#2A1D3A - Use as the dominant brand color or main UI background. Its deep purple-blue provides a strong, sophisticated presence.

secondary

#4B325A - Ideal for secondary elements, panels, or large sections that need to differentiate slightly from the primary without losing cohesion.

accent

#6D4E7B - Reserve this lighter purple for interactive elements, highlights, or key information to draw attention effectively against darker backgrounds.

background

#1C0F27 - The darkest shade, perfect for expansive backgrounds where a true deep night feel is desired, enhancing the other colors.

text

A very light color like pure white or a near-white #F8F8F8 is recommended for body text and headings on all dark palette colors to ensure optimal readability.

Accessibility notes

  • Always ensure sufficient contrast for text and interactive elements, especially when placing lighter palette colors on darker ones.
  • Avoid using #4B325A or #3B264E for small text against #2A1D3A or #1C0F27 backgrounds without careful contrast checks.
  • For critical UI elements, consider using #6D4E7B as an accent against the darkest shades to meet WCAG AA standards.
  • When using low-contrast color combinations, increase font size or element size to improve legibility for all users.

Recommended combinations

Deep Night Base

Perfect for creating a rich, profound base layer in UI design or for sophisticated branding that emphasizes depth and mystery.

#1C0F27 · #2A1D3A · #3B264E

Starlight Accent

Excellent for main content areas where #6D4E7B can highlight calls-to-action or important data against the deeper purples.

#2A1D3A · #4B325A · #6D4E7B

Mystical Gradient

Use these for gradients or layered elements to create a dynamic visual flow, transitioning from the darkest night to a subtle, glowing highlight.

#1C0F27 · #4B325A · #6D4E7B

CSS variables

:root {
  --starlight-desert-night-1: #2A1D3A;
  --starlight-desert-night-2: #4B325A;
  --starlight-desert-night-3: #6D4E7B;
  --starlight-desert-night-4: #1C0F27;
  --starlight-desert-night-5: #3B264E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "starlight-desert-night": {
        1: "#2A1D3A",
        2: "#4B325A",
        3: "#6D4E7B",
        4: "#1C0F27",
        5: "#3B264E",
      }
    }
  }
}

Related searches

dark purple blue color schememystical night paletteluxury dark mode colorsdeep space color paletteelegant purple design colors

Palette colors

Hex values

Color 1#2A1D3A
·
Color 2#4B325A
·
Color 3#6D4E7B
·
Color 4#1C0F27
·
Color 5#3B264E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.3:1Fail
1.2:1Fail
1.2:1Fail
2
1.4:1Fail
1.6:1Fail
1.7:1Fail
1.2:1Fail
3
2.3:1Fail
1.6:1Fail
2.6:1Fail
1.9:1Fail
4
1.2:1Fail
1.7:1Fail
2.6:1Fail
1.4:1Fail
5
1.2:1Fail
1.2:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Starlight Desert Night

View all dark
Cosmic Night Veil
Desert Starlight Glow
Ethereal Night Bloom
Midnight Garden Bloom
Starry Desert Night
Celestial Glimmer Dust