Back to palettes

Palette

Cosmic Haze Veil

A mesmerizing blend of deep purples, blues, and subtle distant shimmer, capturing the mysterious expanse of the cosmic nebula.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0E0C1F#2C1B3E#4A2E6E#1A2A3E#C2C2E1

Palette guide

How to use Cosmic Haze Veil

Overview

The Cosmic Haze Veil palette is a mesmerizing blend of deep purples and blues, capturing the mysterious expanse of a cosmic nebula. It features a profound #0E0C1F (near black) and a rich #2C1B3E (deep purple-grey) as its core, transitioning to the more pronounced #4A2E6E (medium purple) and the intriguing #1A2A3E (dark blue-grey). A soft, distant shimmer is introduced with #C2C2E1 (light lavender), offering a delicate contrast. This dark, elegant palette is perfectly suited for designers and developers crafting experiences that require sophistication, mystery, and a subtle touch of the ethereal. It excels in creating immersive backgrounds and refined UI elements for a premium feel.

Best used for

  • Luxury app interfaces and dark mode themes
  • Mysterious brand identity and packaging
  • Abstract digital art and space-themed illustrations
  • High-end fashion or beauty websites
  • Cinematic title sequences and game environments
  • Elegant event invitations and signage

Suggested color roles

primary

Utilize #0E0C1F as the foundational dark background, providing a deep, immersive canvas for all other elements, perfect for a dark mode aesthetic.

secondary

Employ #2C1B3E for large content blocks, sidebars, or as a slightly lighter background for distinct sections, maintaining the palette's depth.

accent

Apply #4A2E6E for subtle highlights, interactive states, or as a secondary text color on very dark backgrounds, adding a touch of sophisticated purple.

background

The darker shades like #0E0C1F and #1A2A3E are ideal for creating expansive, mysterious backdrops, while #C2C2E1 can be used for subtle, glowing elements.

text

For optimal readability on dark backgrounds like #0E0C1F or #2C1B3E, use #C2C2E1 or a crisp white. A very dark charcoal can be considered for text on #C2C2E1.

Accessibility notes

  • Ensure sufficient contrast between #C2C2E1 and the darker background colors, especially for body text.
  • The contrast between #4A2E6E and the very dark backgrounds (#0E0C1F, #2C1B3E) might be low for small text; use for larger headings or accents.
  • Avoid using #1A2A3E or #2C1B3E as text colors on similar dark backgrounds due to poor contrast.
  • Test color combinations for legibility across various screen types and lighting conditions to maintain the desired mood.

Recommended combinations

Deep Void

Creates an incredibly deep, harmonious dark base perfect for backgrounds or subtle layering in complex UI designs.

#0E0C1F · #2C1B3E · #1A2A3E

Nebula Shimmer

Ideal for gradients or elements that need to transition from deep purple to a soft, ethereal glow, like distant nebula effects.

#2C1B3E · #4A2E6E · #C2C2E1

Haze Contrast

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

#0E0C1F · #C2C2E1 · #4A2E6E

CSS variables

:root {
  --cosmic-haze-veil-1: #0E0C1F;
  --cosmic-haze-veil-2: #2C1B3E;
  --cosmic-haze-veil-3: #4A2E6E;
  --cosmic-haze-veil-4: #1A2A3E;
  --cosmic-haze-veil-5: #C2C2E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-haze-veil": {
        1: "#0E0C1F",
        2: "#2C1B3E",
        3: "#4A2E6E",
        4: "#1A2A3E",
        5: "#C2C2E1",
      }
    }
  }
}

Related searches

dark cosmic palettemysterious galaxy colorspurple blue dark themeelegant space uiethereal night sky palette

Palette colors

Hex values

Color 1#0E0C1F
·
Color 2#2C1B3E
·
Color 3#4A2E6E
·
Color 4#1A2A3E
·
Color 5#C2C2E1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
1.3:1Fail
11.1:1AAA
2
1.2:1Fail
1.4:1Fail
1.1:1Fail
9.1:1AAA
3
1.7:1Fail
1.4:1Fail
1.3:1Fail
6.3:1AA
4
1.3:1Fail
1.1:1Fail
1.3:1Fail
8.4:1AAA
5
11.1:1AAA
9.1:1AAA
6.3:1AA
8.4:1AAA

Similar palettes

More like Cosmic Haze Veil

View all dark
Celestial Dust Trail
Cosmic Stardust Drift
Cosmic Veil Glimmer
Deep Space Comet
Deep Space Nebula
Deep Space Nebula