Palette

Cosmic Dance Galaxy

A deep and mysterious journey through the swirling, vibrant heart of a distant galaxy.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Dance Galaxy 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 Dance Galaxy.

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

Data visualization

#2B004F#5D2A8F#A052E0#E0B0FF#0F002F

Palette guide

How to use Cosmic Dance Galaxy

Overview

The Cosmic Dance Galaxy palette invites designers on a deep and mysterious journey through the swirling, vibrant heart of a distant galaxy. Featuring profound shades like #2B004F, the rich #5D2A8F, and the ethereal #E0B0FF, this collection offers a truly captivating and dark aesthetic. The strong contrast between the deep purples and the luminous lighter tones allows for dramatic visual hierarchies, perfect for conveying mystery and allure. Developers can leverage these hex codes to craft immersive digital experiences, from sophisticated dark mode interfaces to enchanting game environments, ensuring a visually striking and engaging user journey across various digital platforms with a touch of cosmic magic.

Best used for

Luxury brand dark mode interfaces
Mystical or fantasy game UI/UX
High-end event branding and invitations
Digital art with deep space or galaxy themes
E-commerce for unique artisanal or spiritual products
Fashion editorial layouts with an elegant, dark edge

Suggested color roles

primary

Designate #2B004F as a profound primary, ideal for main backgrounds, commanding headers, or foundational brand elements.

secondary

Utilize #5D2A8F as a rich secondary, excellent for subheadings, navigation, or larger background sections to add depth.

accent

Apply #A052E0 as a vibrant accent, perfect for interactive elements, icons, or highlights that need to draw attention.

background

The deep #0F002F or #2B004F provides an immersive dark canvas. Alternatively, #E0B0FF can serve as a delicate, ethereal background.

text

White or a very light gray provides excellent contrast on #2B004F, #5D2A8F, and #A052E0. Use #2B004F for text on #E0B0FF.

Accessibility notes

Ensure white text on #2B004F, #5D2A8F, and #A052E0 meets WCAG AA contrast standards for readability.
Avoid pairing #E0B0FF with other light purples for small text due to potential low contrast; reserve them for larger graphics.
The lighter shade #E0B0FF works well for subtle glow effects or as a background for darker text.
For body text on #E0B0FF, consider using #2B004F or #5D2A8F for better legibility than a standard black.

Recommended combinations

Galaxy Core

Combine the deepest shades for a profound background with the lightest for striking text or key UI elements.

#0F002F · #2B004F · #E0B0FF

Cosmic Swirl

Create smooth gradients or layered effects in UI design, mimicking the swirling, vibrant heart of a galaxy.

#5D2A8F · #A052E0 · #E0B0FF

Mystic Contrast

Use #E0B0FF as a light background, #2B004F for primary text, and #A052E0 for vibrant accents or interactive elements.

#E0B0FF · #2B004F · #A052E0

CSS variables

:root {
  --cosmic-dance-galaxy-1: #2B004F;
  --cosmic-dance-galaxy-2: #5D2A8F;
  --cosmic-dance-galaxy-3: #A052E0;
  --cosmic-dance-galaxy-4: #E0B0FF;
  --cosmic-dance-galaxy-5: #0F002F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-dance-galaxy": {
        1: "#2B004F",
        2: "#5D2A8F",
        3: "#A052E0",
        4: "#E0B0FF",
        5: "#0F002F",
      }
    }
  }
}

Hex values

Color 1#2B004F

Color 2#5D2A8F

Color 3#A052E0

Color 4#E0B0FF

Color 5#0F002F

Accessibility

Contrast checker

1.8:1Fail

3.9:1AA18

9.7:1AAA

1.1:1Fail

1.8:1Fail

2.2:1Fail

5.4:1AA

2.1:1Fail

3.9:1AA18

2.2:1Fail

2.5:1Fail

4.5:1AA

9.7:1AAA

5.4:1AA

2.5:1Fail

11.1:1AAA

1.1:1Fail

2.1:1Fail

4.5:1AA

11.1:1AAA

Similar palettes

More like Cosmic Dance Galaxy