Back to palettes

Palette

Cosmic Shadow Play

Deep, inky blacks and shadowy greys punctuated by hints of cosmic blue and violet, suggesting a celestial dance of light.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Shadow Play 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 Shadow Play.

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

Data visualization

#0A0A0A#1C1C1C#4682B4#8A2BE2#C0C0C0

Palette guide

How to use Cosmic Shadow Play

Overview

The Cosmic Shadow Play palette invites designers into a realm of deep space, combining profound darks with striking celestial accents. Featuring an inky black base of #0A0A0A and a rich, dark gray #1C1C1C, this palette sets a mysterious tone. Vivid #4682B4 (Steel Blue) and enchanting #8A2BE2 (Blue Violet) provide cosmic energy, while #C0C0C0 (Silver) offers a luminous touch. This guide helps you leverage these colors for impactful digital and print designs, from sophisticated interfaces to evocative branding, ensuring visual depth and intrigue.

Best used for

  • Dark mode UI/UX design
  • Sci-fi game interfaces and environments
  • Luxury tech branding
  • Event marketing for evening galas or concerts
  • Digital art and illustration with cosmic themes
  • Website backgrounds for a sophisticated, deep look

Suggested color roles

primary

Use #0A0A0A as the foundational background for a truly dark, immersive experience, ideal for large areas.

secondary

Apply #1C1C1C for secondary backgrounds, panels, or subtle divisions, providing depth without stark contrast.

accent

Employ #8A2BE2 (Blue Violet) or #4682B4 (Steel Blue) to highlight interactive elements, calls to action, or key visual features.

background

The deep #0A0A0A serves as an excellent canvas, while #1C1C1C can be used for cards or secondary sections.

text

For primary text, use #C0C0C0 (Silver) against the dark backgrounds. Reserve white for headings or critical information.

Accessibility notes

  • Ensure #C0C0C0 (Silver) text has sufficient contrast against #0A0A0A and #1C1C1C backgrounds for readability.
  • Use the vibrant accents #4682B4 and #8A2BE2 judiciously for text, ensuring they meet AA or AAA contrast standards.
  • Avoid using #1C1C1C text on #0A0A0A backgrounds for body text as contrast may be insufficient.
  • Test colorblind compatibility, especially with the blues and purples, to ensure all users perceive distinctions.

Recommended combinations

Deep Space UI

Ideal for dark mode interfaces, using deep blacks for backgrounds, dark grays for panels, and silver for text.

#0A0A0A · #1C1C1C · #C0C0C0

Cosmic Highlight

Perfect for striking headers or buttons, with a dark backdrop, a vibrant blue accent, and legible silver text.

#0A0A0A · #4682B4 · #C0C0C0

Mystic Glow

Creates an ethereal feel for graphic elements or hero sections, with a subtle dark background, violet glow, and silver details.

#1C1C1C · #8A2BE2 · #C0C0C0

CSS variables

:root {
  --cosmic-shadow-play-1: #0A0A0A;
  --cosmic-shadow-play-2: #1C1C1C;
  --cosmic-shadow-play-3: #4682B4;
  --cosmic-shadow-play-4: #8A2BE2;
  --cosmic-shadow-play-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-shadow-play": {
        1: "#0A0A0A",
        2: "#1C1C1C",
        3: "#4682B4",
        4: "#8A2BE2",
        5: "#C0C0C0",
      }
    }
  }
}

Related searches

dark cosmic color schemespace themed ui colorsmysterious blue violet palettesteel blue and silver designelegant dark website colors

Palette colors

Hex values

Color 1#0A0A0A
·
Color 2#1C1C1C
·
Color 3#4682B4
·
Color 4#8A2BE2
·
Color 5#C0C0C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
4.8:1AA
3.3:1AA18
10.9:1AAA
2
1.2:1Fail
4.1:1AA18
2.9:1Fail
9.4:1AAA
3
4.8:1AA
4.1:1AA18
1.5:1Fail
2.3:1Fail
4
3.3:1AA18
2.9:1Fail
1.5:1Fail
3.3:1AA18
5
10.9:1AAA
9.4:1AAA
2.3:1Fail
3.3:1AA18

Similar palettes

More like Cosmic Shadow Play

View all dark
Celestial Abyss Gaze
Deep Space Reverie
Starlight Ocean Deep
Celestial Reverie
Celestial Star Veil
Cosmic Abyss Echo