Palette

Cosmic Void Enigma

A profound set of colors reflecting the deep, infinite mystery of the cosmic void with glimmers of light.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Void Enigma 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 Void Enigma.

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

Data visualization

#0B0C10#1F2833#66FCF1#C5C6C7#45A29E

Palette guide

How to use Cosmic Void Enigma

Overview

The Cosmic Void Enigma palette reflects the deep, infinite mystery of the cosmic void with striking glimmers of light. It features profound darks like #0B0C10 and #1F2833, providing a solid, dark foundation. The palette then introduces vibrant, futuristic accents with #66FCF1 (Aqua) and #45A29E (Dark Cyan), offering a cold, mysterious glow. A neutral #C5C6C7 (Light Gray) provides balance and legibility. This palette is ideal for modern, high-tech, or sci-fi themed designs that demand a dark, sophisticated aesthetic with powerful, contrasting highlights.

Best used for

Futuristic UI/UX design
Sci-fi game interfaces and environments
Cybersecurity or tech company branding
Dark mode applications with vibrant accents
Digital art with a mysterious, cold theme
Esports branding and streaming overlays

Suggested color roles

primary

Use #0B0C10 as the dominant background for a deep, immersive dark theme, ideal for large areas.

secondary

Apply #1F2833 for secondary backgrounds, panels, or subtle divisions, adding structure.

accent

Leverage #66FCF1 for impactful calls to action, interactive elements, or key visual features, demanding attention.

background

The deep #0B0C10 and #1F2833 are excellent for creating expansive, mysterious backdrops.

text

For primary text, use #C5C6C7 against the darker backgrounds. For headings, use #66FCF1 or a crisp white.

Accessibility notes

Ensure #C5C6C7 text has sufficient contrast against #0B0C10 and #1F2833 backgrounds for readability.
The vibrant #66FCF1 should be tested for contrast when used as text on lighter backgrounds, though it's best as an accent.
Avoid using #45A29E text on #1F2833 backgrounds for small body text as contrast may be insufficient.
Test colorblind compatibility, especially with the aqua and dark cyan, to ensure all users perceive distinctions.

Recommended combinations

Cyber Void UI

Creates a sleek dark mode UI with a profound background, a slightly lighter panel, and clear, readable light gray text.

#0B0C10 · #1F2833 · #C5C6C7

Enigma Glow

Highlights key features with a vibrant aqua accent against a dark base, complemented by legible light gray text.

#1F2833 · #66FCF1 · #C5C6C7

Tech Interface

Ideal for interactive elements and data visualization, using a deep background with two distinct, cool accents.

#0B0C10 · #45A29E · #66FCF1

CSS variables

:root {
  --cosmic-void-enigma-1: #0B0C10;
  --cosmic-void-enigma-2: #1F2833;
  --cosmic-void-enigma-3: #66FCF1;
  --cosmic-void-enigma-4: #C5C6C7;
  --cosmic-void-enigma-5: #45A29E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-void-enigma": {
        1: "#0B0C10",
        2: "#1F2833",
        3: "#66FCF1",
        4: "#C5C6C7",
        5: "#45A29E",
      }
    }
  }
}

Hex values

Color 1#0B0C10

Color 2#1F2833

Color 3#66FCF1

Color 4#C5C6C7

Color 5#45A29E

Accessibility

Contrast checker

1.3:1Fail

15.6:1AAA

11.4:1AAA

6.4:1AA

1.3:1Fail

11.9:1AAA

8.7:1AAA

4.9:1AA

15.6:1AAA

11.9:1AAA

1.4:1Fail

2.4:1Fail

11.4:1AAA

8.7:1AAA

1.4:1Fail

1.8:1Fail

6.4:1AA

4.9:1AA

2.4:1Fail

1.8:1Fail

Similar palettes

More like Cosmic Void Enigma

Cosmic Stardust Drift

Cosmic Void Shimmer

Dark Matter Shroud