Back to palettes

Palette

Desert Sky Starlight

Deep, cosmic purples and soft lavenders, reflecting the magical glow of a desert night sky.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3A2B58#6E588F#A58DCB#D7BBF4#251C3E

Palette guide

How to use Desert Sky Starlight

Overview

The "Desert Sky Starlight" palette offers a serene journey into cosmic purples, perfect for evoking calm and mystique. With deep tones like #251C3E and #3A2B58 grounding the composition, lighter lavenders such as #A58DCB and #D7BBF4 introduce a soft, ethereal glow. This cool-toned collection is ideal for designers looking to create sophisticated, tranquil digital experiences or branding that hints at luxury and depth. Its versatility allows for dramatic contrasts or subtle gradients, making it adaptable for both UI/UX and visual design projects. Use #6E588F as a balanced mid-tone to bridge the dark and light purples effectively.

Best used for

  • Luxury brand websites and apps
  • Meditation or wellness platforms
  • Night photography portfolios
  • Sci-fi or fantasy game UI
  • High-end cosmetic packaging
  • Abstract art installations

Suggested color roles

primary

#3A2B58 - A deep, rich purple serving as the main brand color for authority and sophistication.

secondary

#6E588F - A balanced mid-purple, excellent for secondary elements, illustrations, or larger blocks of content.

accent

#D7BBF4 - A soft, luminous lavender for highlights, interactive elements, or delicate illustrations.

background

#251C3E - A very deep, almost black-purple, providing a luxurious, immersive backdrop.

text

#A58DCB - For legible body text on dark backgrounds, or use a crisp white for maximum contrast.

Accessibility notes

  • Ensure sufficient contrast when pairing #D7BBF4 (light) with #251C3E or #3A2B58 (dark) for text.
  • Avoid using #A58DCB directly on #6E588F for small text due to potentially insufficient contrast.
  • For body text, consider using #A58DCB on #251C3E or pure white on any of the darker purples.
  • Always check WCAG guidelines for text and interactive element contrast ratios, especially for buttons and links.

Recommended combinations

Cosmic Depth

Ideal for dark mode interfaces, using the lightest purple for highlights against deep backgrounds.

#251C3E · #3A2B58 · #A58DCB

Starlight Glow

Creates a mystical gradient effect, perfect for hero sections, subtle brand elements, or illustrations.

#6E588F · #D7BBF4 · #3A2B58

Elegant Contrast

A balanced scheme for branding, with the light lavender as a strong accent against the primary purple.

#3A2B58 · #D7BBF4 · #6E588F

CSS variables

:root {
  --desert-sky-starlight-1: #3A2B58;
  --desert-sky-starlight-2: #6E588F;
  --desert-sky-starlight-3: #A58DCB;
  --desert-sky-starlight-4: #D7BBF4;
  --desert-sky-starlight-5: #251C3E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-sky-starlight": {
        1: "#3A2B58",
        2: "#6E588F",
        3: "#A58DCB",
        4: "#D7BBF4",
        5: "#251C3E",
      }
    }
  }
}

Related searches

mystical purple color schemecosmic night palettecalm lavender designsdark purple branding colorsspace themed ui colors

Palette colors

Hex values

Color 1#3A2B58
·
Color 2#6E588F
·
Color 3#A58DCB
·
Color 4#D7BBF4
·
Color 5#251C3E
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
4.4:1AA18
7.4:1AAA
1.3:1Fail
2
2.1:1Fail
2.1:1Fail
3.6:1AA18
2.6:1Fail
3
4.4:1AA18
2.1:1Fail
1.7:1Fail
5.5:1AA
4
7.4:1AAA
3.6:1AA18
1.7:1Fail
9.4:1AAA
5
1.3:1Fail
2.6:1Fail
5.5:1AA
9.4:1AAA

Similar palettes

More like Desert Sky Starlight

View all cool