Back to palettes

Palette

Deep Space Comet

A profound array of deep purples and blues, reminiscent of the vast emptiness of space and a distant comet's glow.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Space Comet 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 Deep Space Comet.

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

Data visualization

#0F0F2E#281D4C#4B3A7B#7362AD#9C8DE0

Palette guide

How to use Deep Space Comet

Overview

The Deep Space Comet palette is a journey through cosmic dust and distant starlight, featuring a mesmerizing gradient of deep purples and blues. From the enigmatic #0F0F2E to the ethereal #9C8DE0, this palette evokes the vast emptiness of space touched by a celestial glow. It's an inspiring choice for designers and developers aiming to create sophisticated, mystical, or futuristic experiences. The harmonious blend of dark, cool tones and luminous accents makes it perfect for digital interfaces, branding, or creative projects that require a sense of wonder, depth, and otherworldly beauty.

Best used for

  • Astrology or spiritual websites
  • Fantasy or space-themed digital art
  • High-tech product interfaces
  • Creative agency branding
  • Event promotion for concerts or festivals
  • Dark mode themes with a magical touch

Suggested color roles

primary

#281D4C - A deep, rich purple-blue, excellent for main content areas, navigation, or strong branding elements, providing a mysterious and stable foundation.

secondary

#4B3A7B - A vibrant mid-purple, ideal for secondary headings, prominent graphical features, or interactive states, adding visual interest.

accent

#9C8DE0 - A luminous, soft lavender, perfect for interactive elements, calls-to-action, or important notifications, drawing the eye with an ethereal glow.

background

#0F0F2E - The darkest blue-purple, serving as an expansive, cosmic backdrop for the entire design, setting a profound mood.

text

#9C8DE0 - For primary text on dark backgrounds, ensuring excellent readability and a consistent celestial aesthetic.

Accessibility notes

  • Ensure #9C8DE0 text on #0F0F2E or #281D4C backgrounds meets WCAG AA contrast standards for readability.
  • Avoid using #4B3A7B or #7362AD for small text on the darkest backgrounds, as contrast might be insufficient.
  • For critical information and interactive states, always use the lightest shade, #9C8DE0, to maximize visibility.
  • Provide clear visual cues for focus and hover states for interactive elements, perhaps using a subtle glow or border with #9C8DE0.

Recommended combinations

Cosmic Veil

Creates a deep, layered background effect, perfect for immersive hero sections or full-screen overlays with a sense of depth.

#0F0F2E · #281D4C · #4B3A7B

Comet's Tail

Excellent for data visualization or progressive disclosure, moving from deep purple to bright highlight.

#281D4C · #7362AD · #9C8DE0

Stellar Contrast

Ideal for clear content hierarchy, with #0F0F2E as background, #9C8DE0 for headings, and #7362AD for supporting text.

#0F0F2E · #9C8DE0 · #7362AD

CSS variables

:root {
  --deep-space-comet-1: #0F0F2E;
  --deep-space-comet-2: #281D4C;
  --deep-space-comet-3: #4B3A7B;
  --deep-space-comet-4: #7362AD;
  --deep-space-comet-5: #9C8DE0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-space-comet": {
        1: "#0F0F2E",
        2: "#281D4C",
        3: "#4B3A7B",
        4: "#7362AD",
        5: "#9C8DE0",
      }
    }
  }
}

Related searches

deep purple space palettecosmic nebula colorsmystical dark mode themegalaxy web designethereal purple branding

Palette colors

Hex values

Color 1#0F0F2E
·
Color 2#281D4C
·
Color 3#4B3A7B
·
Color 4#7362AD
·
Color 5#9C8DE0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.9:1Fail
3.6:1AA18
6.5:1AA
2
1.2:1Fail
1.6:1Fail
3:1Fail
5.3:1AA
3
1.9:1Fail
1.6:1Fail
1.9:1Fail
3.3:1AA18
4
3.6:1AA18
3:1Fail
1.9:1Fail
1.8:1Fail
5
6.5:1AA
5.3:1AA
3.3:1AA18
1.8:1Fail

Similar palettes

More like Deep Space Comet

View all dark
Cosmic Haze Veil
Cosmic Reaches
Cosmic Veil Glimmer
Dark Galaxy Nebula
Galactic Night Voyage
Galactic Stardust Trail