Palette

Celestial Comet Dust

A cosmic blend of deep blues and ethereal purples, inspired by distant nebulae and stardust.

coolelegant5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Comet Dust 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 Comet Dust.

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

Data visualization

#4169E1#B0C4DE#191970#6495ED#D8BFD8

Palette guide

How to use Celestial Comet Dust

Overview

The Celestial Comet Dust palette is a cosmic blend of deep blues and ethereal purples, inspired by distant nebulae and stardust. It features a profound indigo #191970, a vibrant royal blue #4169E1, and a calming cornflower blue #6495ED. The softer, muted blue #B0C4DE and the delicate lavender #D8BFD8 add an ethereal, dreamy quality. This palette is ideal for designers and developers seeking an elegant, mysterious, and sophisticated aesthetic. It's perfect for projects requiring a sense of cosmic wonder, depth, and understated luxury, from tech branding to artistic websites.

Best used for

Space-themed tech branding
Luxury product packaging
Elegant digital art and illustrations
Corporate websites with a sophisticated edge
Sci-fi or fantasy game aesthetics
High-end educational content

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

#D8BFD8 - A delicate lavender, perfect for subtle highlights, interactive elements, or soft decorative details.

background

#B0C4DE - A light, muted blue, providing an ethereal canvas, or use #191970 for a darker, more dramatic background.

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 #D8BFD8 for text on #B0C4DE as contrast will be too low.
For interactive elements, consider using #4169E1 on a dark background for clear visibility.

Recommended combinations

Nebula Depths

Deep indigo base, vibrant royal blue for content, and delicate lavender for accents.

#191970 · #4169E1 · #D8BFD8

Cosmic Drift

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

#6495ED · #B0C4DE · #191970

Stardust Veil

Strong dark background with a soft lavender accent and a calming blue for highlights.

#191970 · #D8BFD8 · #6495ED

CSS variables

:root {
  --celestial-comet-dust-1: #4169E1;
  --celestial-comet-dust-2: #B0C4DE;
  --celestial-comet-dust-3: #191970;
  --celestial-comet-dust-4: #6495ED;
  --celestial-comet-dust-5: #D8BFD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-comet-dust": {
        1: "#4169E1",
        2: "#B0C4DE",
        3: "#191970",
        4: "#6495ED",
        5: "#D8BFD8",
      }
    }
  }
}

Hex values

Color 1#4169E1

Color 2#B0C4DE

Color 3#191970

Color 4#6495ED

Color 5#D8BFD8

Accessibility

Contrast checker

2.7:1Fail

3.1:1AA18

1.6:1Fail

2.9:1Fail

2.7:1Fail

8.3:1AAA

1.7:1Fail

1:1Fail

3.1:1AA18

8.3:1AAA

5:1AA

8.7:1AAA

1.6:1Fail

1.7:1Fail

5:1AA

1.8:1Fail

2.9:1Fail

1:1Fail

8.7:1AAA

1.8:1Fail

Similar palettes

More like Celestial Comet Dust

View all cool

Galactic Azure Stream

Azura Wood Nymph

Celestial Dust Stream

Celestial Nebula Glow

Astral Glow Nebula

Aurora Shimmer Veil