Palette

Celestial Starry Veil

A luxurious blend of deep blues and black, speckled with golden starlight, like a veiled sky.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Starry 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 Celestial Starry Veil.

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

Data visualization

#000000#191970#483D8B#FFD700#A9A9A9

Palette guide

How to use Celestial Starry Veil

Overview

The "Celestial Starry Veil" palette is a luxurious blend of deep blues and black, speckled with golden starlight. Anchored by the profound #000000 (Black) and #191970 (Midnight Blue), it transitions through the rich #483D8B (Dark Slate Blue), introducing a striking contrast with #FFD700 (Gold), and a subtle balance with #A9A9A9 (Dark Gray). This dark and elegant palette is perfect for designs that aim to convey sophistication, mystery, and a touch of opulent cosmic wonder. Developers can create immersive dark mode interfaces, while designers can craft captivating branding or digital art that feels both vast and intimately luxurious.

Best used for

Luxury brand websites
High-end jewelry displays
Exclusive event invitations
Dark mode UI/UX designs
Elegant sci-fi themes
Astrology and mystical services

Suggested color roles

primary

#000000 - The ultimate deep background, providing an immersive and sophisticated foundation.

secondary

#191970 - Use for secondary panels, card backgrounds, or to define sections in a dark interface.

accent

#FFD700 - A striking, luxurious gold, perfect for glowing highlights, icons, or to draw attention to key interactive elements.

background

#000000 - The main background, creating a vast, dark, and mysterious cosmic aesthetic.

text

#FFD700 - Excellent for headlines or short, impactful text on dark backgrounds like #000000 or #191970, ensuring high readability and a luxurious feel. For body text, #A9A9A9 or white would be more suitable.

Accessibility notes

Text in #FFD700 on #000000 provides high contrast, ensuring good readability for headings.
Ensure #A9A9A9 text on #191970 has sufficient contrast for WCAG AA compliance, especially for smaller fonts.
Avoid using #A9A9A9 for critical text on #483D8B as contrast might be borderline.
Use #FFD700 for interactive elements to ensure they are easily discoverable against darker shades.

Recommended combinations

Starry Night

Creates a classic dark mode look with luxurious gold accents, perfect for high-end branding.

#000000 · #191970 · #FFD700

Cosmic Depth

Excellent for smooth, subtle gradients in backgrounds or layered UI elements.

#191970 · #483D8B · #A9A9A9

Golden Accent

Use the gold as a powerful highlight against the deep blues and black for maximum impact.

#000000 · #483D8B · #FFD700

CSS variables

:root {
  --celestial-starry-veil-1: #000000;
  --celestial-starry-veil-2: #191970;
  --celestial-starry-veil-3: #483D8B;
  --celestial-starry-veil-4: #FFD700;
  --celestial-starry-veil-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-starry-veil": {
        1: "#000000",
        2: "#191970",
        3: "#483D8B",
        4: "#FFD700",
        5: "#A9A9A9",
      }
    }
  }
}

Hex values

Color 1#000000

Color 2#191970

Color 3#483D8B

Color 4#FFD700

Color 5#A9A9A9

Accessibility

Contrast checker

1.4:1Fail

2.3:1Fail

15:1AAA

8.9:1AAA

1.4:1Fail

1.6:1Fail

10.6:1AAA

6.3:1AA

2.3:1Fail

1.6:1Fail

6.5:1AA

3.9:1AA18

15:1AAA

10.6:1AAA

6.5:1AA

1.7:1Fail

8.9:1AAA

6.3:1AA

3.9:1AA18

1.7:1Fail

Similar palettes

More like Celestial Starry Veil