Palette

Celestial Deep Nebula

Deep, expansive blues and purples, reflecting the cosmic beauty of a distant nebula.

cooldark5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Deep 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 Celestial Deep Nebula.

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

Data visualization

#191970#4169E1#6495ED#B0C4DE#7B68EE

Palette guide

How to use Celestial Deep Nebula

Overview

The Celestial Deep Nebula palette offers deep, expansive blues and purples, reflecting the cosmic beauty of a distant nebula. It features a profound indigo #191970, vibrant royal blue #4169E1, and a calming cornflower blue #6495ED. The softer, muted blue #B0C4DE and the rich medium purple #7B68EE add an ethereal, mysterious quality. This palette is ideal for designers and developers seeking an elegant, sophisticated, and dark aesthetic with a touch of cosmic wonder. It's perfect for projects requiring depth, luxury, and an immersive visual experience, from high-end tech to artistic websites.

Best used for

Luxury tech branding
Sci-fi or fantasy game aesthetics
Elegant digital art and illustrations
Corporate websites with a sophisticated edge
Astronomical or space-related content
Dark mode UI for premium applications

Suggested color roles

primary

#191970 - A deep, rich indigo, ideal for foundational backgrounds, headers, or main structural elements, providing depth and mystery.

secondary

#4169E1 - Use for subheadings, navigation, or large content blocks, offering a vibrant royal blue.

accent

#7B68EE - A rich medium purple, perfect for subtle highlights, interactive elements, or to add a touch of regal elegance.

background

#191970 - Creates an immersive dark canvas, allowing the other blues and purple to create subtle depth and texture.

text

White or a very light gray - The palette lacks a sufficiently light color for primary text on dark backgrounds; white offers optimal contrast.

Accessibility notes

Ensure white text on #191970 or #4169E1 background meets WCAG AAA contrast ratio.
#6495ED text on #B0C4DE might have insufficient contrast; check carefully for readability.
Avoid using #7B68EE for text on #4169E1 as contrast might be too low.
For interactive elements, consider using #4169E1 or #7B68EE on a dark background for clear visibility.

Recommended combinations

Nebula Core

Deep indigo base, vibrant royal blue for content, and rich purple for accents.

#191970 · #4169E1 · #7B68EE

Cosmic Flow

Cornflower blue for main elements, muted blue for secondary, and deep indigo for grounding.

#6495ED · #B0C4DE · #191970

Stardust Veil

Strong dark background with a rich purple accent and a calming blue for highlights.

#191970 · #7B68EE · #6495ED

CSS variables

:root {
  --celestial-deep-nebula-1: #191970;
  --celestial-deep-nebula-2: #4169E1;
  --celestial-deep-nebula-3: #6495ED;
  --celestial-deep-nebula-4: #B0C4DE;
  --celestial-deep-nebula-5: #7B68EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-deep-nebula": {
        1: "#191970",
        2: "#4169E1",
        3: "#6495ED",
        4: "#B0C4DE",
        5: "#7B68EE",
      }
    }
  }
}

Hex values

Color 1#191970

Color 2#4169E1

Color 3#6495ED

Color 4#B0C4DE

Color 5#7B68EE

Accessibility

Contrast checker

3.1:1AA18

5:1AA

8.3:1AAA

3.6:1AA18

3.1:1AA18

1.6:1Fail

2.7:1Fail

1.2:1Fail

5:1AA

1.6:1Fail

1.7:1Fail

1.4:1Fail

8.3:1AAA

2.7:1Fail

1.7:1Fail

2.3:1Fail

3.6:1AA18

1.2:1Fail

1.4:1Fail

2.3:1Fail

Similar palettes

More like Celestial Deep Nebula

Stardust Nebula Bloom

Starry Night