Back to palettes

Palette

Cosmic Night Veil

Enveloping shades of deep blue and purple, like the velvety canvas of a starry, moonless night.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Night 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 Cosmic Night Veil.

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

Data visualization

#121021#28233C#433D62#605A8D#827EA7

Palette guide

How to use Cosmic Night Veil

Overview

The Cosmic Night Veil palette features enveloping shades of deep blue and purple, like the velvety canvas of a starry, moonless night. It starts with the ultra-deep #121021 (near black-violet) and progresses through the rich #28233C (dark plum) and #433D62 (deep purple-grey). The palette softens with #605A8D (medium lavender-grey) and culminates in the ethereal #827EA7 (light blue-grey). This dark and mysterious collection is perfect for designers and developers crafting serene, sophisticated, or elegant digital experiences. It excels in creating atmospheric backgrounds, subtle branding, and UI elements that convey depth, tranquility, and a timeless celestial feel.

Best used for

  • Elegant dark mode app interfaces and websites
  • Mystical brand identity and luxurious packaging
  • Abstract digital art and serene space illustrations
  • High-end fashion or beauty campaigns with ethereal vibes
  • Contemplative game environments and cinematic visuals
  • Sophisticated event invitations and signage

Suggested color roles

primary

Utilize #121021 as a deep, anchoring background color, establishing a calm, professional canvas for celestial elements.

secondary

Employ #28233C or #433D62 for significant content areas, subheadings, or distinct sections, offering rich, supporting purple-grey hues.

accent

Apply #605A8D for subtle highlights, interactive states, or as a secondary text color on very dark backgrounds, adding a touch of sophisticated lavender-grey.

background

The darker shades like #121021 and #28233C are ideal for expansive, tranquil backdrops, while #827EA7 can be used for subtle, glowing elements or light mode accents.

text

For optimal readability on dark backgrounds like #121021 or #28233C, use #827EA7 or a crisp white. A deep charcoal or black provides excellent contrast on #605A8D or #827EA7.

Accessibility notes

  • Ensure sufficient contrast between #827EA7 and the darker background colors, especially for body text.
  • White text on #121021, #28233C, and #433D62 generally provides good readability.
  • Avoid using #605A8D as a text color on #433D62 due to potential low contrast; reserve it for larger UI elements.
  • Test color combinations for legibility across various screen types and lighting conditions to maintain the desired mood.

Recommended combinations

Deep Night

Creates a deep, harmonious purple-grey gradient, perfect for professional backgrounds or subtly layered UI designs.

#121021 · #28233C · #433D62

Stardust Veil

Ideal for subtle gradients, ethereal overlays, or conveying a soft, luminous glow in illustrations and decorative elements.

#433D62 · #605A8D · #827EA7

Cosmic Whisper

Excellent for establishing clear hierarchy, with a light highlight against a dark canvas, enhanced by a serene purple-grey accent.

#121021 · #827EA7 · #605A8D

CSS variables

:root {
  --cosmic-night-veil-1: #121021;
  --cosmic-night-veil-2: #28233C;
  --cosmic-night-veil-3: #433D62;
  --cosmic-night-veil-4: #605A8D;
  --cosmic-night-veil-5: #827EA7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-night-veil": {
        1: "#121021",
        2: "#28233C",
        3: "#433D62",
        4: "#605A8D",
        5: "#827EA7",
      }
    }
  }
}

Related searches

dark purple blue palettemysterious night sky colorselegant dark themeethereal ui designcalm space gradient

Palette colors

Hex values

Color 1#121021
·
Color 2#28233C
·
Color 3#433D62
·
Color 4#605A8D
·
Color 5#827EA7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.9:1Fail
3:1Fail
4.9:1AA
2
1.2:1Fail
1.5:1Fail
2.4:1Fail
3.9:1AA18
3
1.9:1Fail
1.5:1Fail
1.6:1Fail
2.6:1Fail
4
3:1Fail
2.4:1Fail
1.6:1Fail
1.6:1Fail
5
4.9:1AA
3.9:1AA18
2.6:1Fail
1.6:1Fail

Similar palettes

More like Cosmic Night Veil

View all dark
Midnight Bazaar
Starlight Desert Night
Abyssal Current Flow
Cosmic Cloud Veil
Cosmic Dust Trails
Cosmic Galaxy Haze