Back to palettes

Palette

Cosmic Veil Nebula

Immersive and ethereal, drawing inspiration from the vast, colorful clouds of a distant nebula.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#360155#0A0A2A#6A0DAD#F4C4FF#5B84B1

Palette guide

How to use Cosmic Veil Nebula

Overview

The Cosmic Veil Nebula palette is an immersive and ethereal collection, drawing inspiration from the vast, colorful clouds of a distant nebula. It features the deep #360155 and the equally profound #0A0A2A, providing a rich, dark foundation. The vibrant #6A0DAD (Dark Orchid) and the luminous #F4C4FF (Thistle) introduce striking purple accents, while #5B84B1 (Cadet Blue) offers a cool, contrasting blue. This palette is perfect for designs that aim for a mystical, deep, and visually captivating feel, ideal for digital art, gaming, or high-concept branding.

Best used for

  • Sci-fi game environments and UI
  • Digital art and illustration of space phenomena
  • Event branding for futuristic or fantasy themes
  • Dark mode interfaces requiring vibrant accents
  • Creative website hero sections
  • Fantasy novel cover designs

Suggested color roles

primary

Use #0A0A2A as the dominant background for a profound, dark canvas, suitable for large areas.

secondary

Apply #360155 for secondary backgrounds, panels, or distinct content blocks, adding depth.

accent

Leverage #F4C4FF for impactful calls to action, interactive elements, or luminous highlights, drawing the eye.

background

The deep #0A0A2A and #360155 are excellent for creating immersive, dark backdrops.

text

For primary text, use #F4C4FF against the darker backgrounds. For headings, a pure white or #5B84B1 works well.

Accessibility notes

  • Ensure #F4C4FF text has sufficient contrast against #0A0A2A, #360155, and #6A0DAD backgrounds.
  • The bright #F4C4FF should be tested for contrast when used as text on #5B84B1, as they are both lighter tones.
  • Avoid using #6A0DAD or #5B84B1 for small text on very similar background hues.
  • Provide alternative text descriptions or patterns for critical information conveyed solely by these purple and blue hues for colorblind users.

Recommended combinations

Nebula Core

Creates a deep, mysterious background with a luminous accent for key information or interactive elements.

#0A0A2A · #360155 · #F4C4FF

Cosmic Contrast

Highlights distinct sections or elements with a vibrant purple and a contrasting cool blue against a dark base.

#360155 · #6A0DAD · #5B84B1

Ethereal Interface

Ideal for dark UI, using a deep blue background, a medium blue for elements, and a bright purple for active states.

#0A0A2A · #5B84B1 · #F4C4FF

CSS variables

:root {
  --cosmic-veil-nebula-2-1: #360155;
  --cosmic-veil-nebula-2-2: #0A0A2A;
  --cosmic-veil-nebula-2-3: #6A0DAD;
  --cosmic-veil-nebula-2-4: #F4C4FF;
  --cosmic-veil-nebula-2-5: #5B84B1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-veil-nebula-2": {
        1: "#360155",
        2: "#0A0A2A",
        3: "#6A0DAD",
        4: "#F4C4FF",
        5: "#5B84B1",
      }
    }
  }
}

Related searches

dark nebula color palettepurple and blue space thememysterious galaxy colorsvibrant cosmic dark modeethereal digital art colors

Palette colors

Hex values

Color 1#360155
·
Color 2#0A0A2A
·
Color 3#6A0DAD
·
Color 4#F4C4FF
·
Color 5#5B84B1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.8:1Fail
11:1AAA
4.2:1AA18
2
1.2:1Fail
2.1:1Fail
13:1AAA
4.9:1AA
3
1.8:1Fail
2.1:1Fail
6.2:1AA
2.4:1Fail
4
11:1AAA
13:1AAA
6.2:1AA
2.6:1Fail
5
4.2:1AA18
4.9:1AA
2.4:1Fail
2.6:1Fail

Similar palettes

More like Cosmic Veil Nebula

View all dark
Cosmic Veil Nebula
Deep Space Nebula
Nebula Galaxy Swirl
Celestial Star Veil
Cosmic Abyss Gaze
Cosmic Cloud Veil