Palette

Galactic Void

A profound palette reflecting the vast, dark beauty of the cosmos and distant, swirling galaxies.

cooldark5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000033#191970#4682B4#ADD8E6#E0FFFF

Palette guide

How to use Galactic Void

Overview

The 'Galactic Void' palette embodies the vast, serene beauty of the cosmos, blending profound blues with lighter, ethereal tones. It opens with the intense depth of #000033, transitioning through the rich #191970 and the balanced #4682B4. The lighter shades, #ADD8E6 and the airy #E0FFFF, simulate distant starlight and nebulae, offering crucial visual relief and contrast. This palette is an excellent choice for designers and developers seeking to create immersive, sophisticated, and tranquil digital environments, from science-themed educational platforms to elegant corporate websites that demand a sense of depth and professionalism.

Best used for

Educational websites focused on space and astronomy
Corporate branding for technology or finance sectors
Interactive dashboards and data visualizations
Science fiction game interfaces and backgrounds
Luxury product display websites
Meditation or relaxation app interfaces

Suggested color roles

primary

Designate #191970 as the core color for major sections, branding, and primary calls-to-action. It offers a strong, professional, and deep blue foundation.

secondary

Utilize #4682B4 for subheadings, secondary navigation, or informational panels. It provides a harmonious, slightly softer complement to the primary blue.

accent

Employ #ADD8E6 or #E0FFFF for interactive elements, highlights, or subtle design flourishes to mimic distant light or create focus. Use sparingly for maximum impact.

background

The profound #000033 is ideal for dark mode themes or full-screen backgrounds, creating an immersive, deep space ambiance.

text

For body text, use #E0FFFF or #ADD8E6 on darker backgrounds for excellent readability. For headings, a crisp white or very light gray complements the deeper blues perfectly.

Accessibility notes

Ensure #E0FFFF text on #000033 or #191970 backgrounds meets WCAG AA contrast ratios.
Avoid using #4682B4 text directly on #191970 background; contrast may be insufficient.
Prioritize the lightest colors, #ADD8E6 and #E0FFFF, for all essential text against the darkest backgrounds.
When using #E0FFFF as a background, ensure text in #000033 or #191970 has sufficient contrast.

Recommended combinations

Deep Cosmos UI

Creates a dark, immersive UI with #E0FFFF for essential text and interactive elements.

#000033 · #191970 · #E0FFFF

Professional Nebula

Excellent for corporate designs, offering a sophisticated blend of blues with a soft highlight.

#191970 · #4682B4 · #ADD8E6

Starlight Contrast

Uses the darkest blue as background, #4682B4 for elements, and #E0FFFF for strong accents.

#000033 · #4682B4 · #E0FFFF

CSS variables

:root {
  --galactic-void-1: #000033;
  --galactic-void-2: #191970;
  --galactic-void-3: #4682B4;
  --galactic-void-4: #ADD8E6;
  --galactic-void-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-void": {
        1: "#000033",
        2: "#191970",
        3: "#4682B4",
        4: "#ADD8E6",
        5: "#E0FFFF",
      }
    }
  }
}

Hex values

Color 1#000033

Color 2#191970

Color 3#4682B4

Color 4#ADD8E6

Color 5#E0FFFF

Accessibility

Contrast checker

1.3:1Fail

4.9:1AA

13.1:1AAA

19:1AAA

1.3:1Fail

3.6:1AA18

9.7:1AAA

14.1:1AAA

4.9:1AA

3.6:1AA18

2.7:1Fail

3.9:1AA18

13.1:1AAA

9.7:1AAA

2.7:1Fail

1.4:1Fail

19:1AAA

14.1:1AAA

3.9:1AA18

1.4:1Fail

Similar palettes

More like Galactic Void

View all cool

Celestial Deep Nebula

Celestial Orb Glow

Cosmic Ocean Depths

Stardust Nebula Bloom

Cosmic Ocean Deep

Deep Ocean Trench