Palette

Galactic Nebula Swirl

Mysterious darks with ethereal purples and pinks, swirling like distant cosmic nebulae.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2B061E#4F1B3E#8F3B66#CD6D9B#FFADDE

Palette guide

How to use Galactic Nebula Swirl

Overview

The "Galactic Nebula Swirl" palette offers a captivating journey into cosmic depths, blending mysterious darks with ethereal purples and pinks. Ideal for designers and developers crafting immersive digital experiences, this palette leverages the profound #2B061E as its anchor, complemented by the rich #4F1B3E. Ethereal mid-tones like #8F3B66 transition beautifully into the vibrant #CD6D9B and the celestial #FFADDE. This collection evokes a sense of wonder and sophistication, perfect for projects requiring a touch of cosmic elegance or a dramatic, luxurious feel. Its dark foundation ensures strong contrast when paired with lighter accents, making it versatile for various applications from UI design to branding.

Best used for

Luxury brand websites and apps
Night mode UI/UX designs
Gaming interfaces and celestial-themed graphics
High-end fashion and beauty product branding
Creative arts and digital illustration
Event promotions with a mystical or futuristic theme

Suggested color roles

primary

#2B061E - Establishes a deep, mysterious foundation, perfect for main backgrounds or dominant branding elements.

secondary

#4F1B3E - Provides robust support and depth, ideal for panels, card backgrounds, or secondary sections, offering a subtle shift from the primary.

accent

#CD6D9B - A vibrant, eye-catching pink that draws attention, excellent for calls-to-action, interactive elements, or key highlight details.

background

#2B061E - The quintessential dark canvas for a celestial theme, providing a dramatic backdrop that makes lighter elements pop.

text

#FFADDE - A soft, luminous pink that ensures excellent readability against the dark backgrounds, suitable for primary body text and headings.

Accessibility notes

Ensure #FFADDE or #CD6D9B is used for text on #2B061E or #4F1B3E backgrounds to meet WCAG contrast guidelines.
Avoid placing #8F3B66 text on #4F1B3E backgrounds due to insufficient contrast, especially for small font sizes.
Use #CD6D9B as an accent on darker shades like #2B061E for interactive elements to ensure visual clarity and affordance.
For critical information or small text, always pair the lightest color #FFADDE with the darkest background #2B061E.

Recommended combinations

Deep Space Glow

For primary website headers or hero sections, using the darkest as background and the lighter shades for text and key interactive elements.

#2B061E · #FFADDE · #CD6D9B

Nebula Gradient

Excellent for subtle gradients in backgrounds, data visualizations, or layered UI components to add depth and visual interest.

#4F1B3E · #8F3B66 · #CD6D9B

Celestial Highlight

Ideal for defining distinct sections or cards, with the darkest as the container, a mid-tone for subtle borders, and the lightest for prominent text or icons.

#2B061E · #4F1B3E · #FFADDE

CSS variables

:root {
  --galactic-nebula-swirl-3-1: #2B061E;
  --galactic-nebula-swirl-3-2: #4F1B3E;
  --galactic-nebula-swirl-3-3: #8F3B66;
  --galactic-nebula-swirl-3-4: #CD6D9B;
  --galactic-nebula-swirl-3-5: #FFADDE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-nebula-swirl-3": {
        1: "#2B061E",
        2: "#4F1B3E",
        3: "#8F3B66",
        4: "#CD6D9B",
        5: "#FFADDE",
      }
    }
  }
}

Hex values

Color 1#2B061E

Color 2#4F1B3E

Color 3#8F3B66

Color 4#CD6D9B

Color 5#FFADDE

Accessibility

Contrast checker

1.4:1Fail

2.6:1Fail

5.5:1AA

10.7:1AAA

1.4:1Fail

1.9:1Fail

4:1AA18

7.9:1AAA

2.6:1Fail

1.9:1Fail

2.1:1Fail

4.1:1AA18

5.5:1AA

4:1AA18

2.1:1Fail

2:1Fail

10.7:1AAA

7.9:1AAA

4.1:1AA18

2:1Fail

Similar palettes

More like Galactic Nebula Swirl

View all dark

Mystic Nebula Gaze

Space Cadet Dreams

Celestial Glimmer Dust

Celestial Void Gaze

Cosmic Drift Dust

Cosmic Dust Whisper