Palette

Deep Galaxy Swirl

A profound blend of deep purples and blues, capturing the swirling majesty 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 Deep Galaxy 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 Deep Galaxy Swirl.

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

Data visualization

#000033#1A0033#330066#663399#9966CC

Palette guide

How to use Deep Galaxy Swirl

Overview

The Deep Galaxy Swirl palette plunges into the profound depths of space with a captivating blend of dark purples and blues. This sophisticated collection, featuring #000033, #1A0033, #330066, #663399, and #9966CC, evokes the mystery and grandeur of distant nebulae. Ideal for projects demanding a luxurious, immersive, or ethereal aesthetic, it provides a rich foundation for digital interfaces, branding, and creative designs. Designers and developers will find its gradient potential excellent for creating a sense of depth and cosmic wonder, lending an air of elegant mystique to any visual experience. Its harmonious dark tones ensure a cohesive and impactful visual narrative.

Best used for

Luxury brand websites and apps
Sci-fi game UI and environments
Mystical or spiritual content platforms
High-end event invitations or posters
Dark mode themes for software
Abstract digital art and illustrations

Suggested color roles

primary

#330066 – A rich, prominent dark purple, excellent for main content sections, branding elements, or hero backgrounds where depth is desired.

secondary

#1A0033 – A slightly warmer, almost black-purple, providing a subtle contrast to the primary and perfect for secondary navigation or subtle dividers.

accent

#9966CC – The lightest shade, offering a vibrant contrast for interactive elements, highlights, or small graphic details to draw attention.

background

#000033 – The deepest blue-black, establishing a vast, cosmic backdrop for a truly immersive and sophisticated dark theme.

text

#9966CC – This light purple provides good readability against darker backgrounds. For small text, consider pure white or a very light gray like #F0F0F0 for optimal contrast.

Accessibility notes

Ensure sufficient contrast when pairing #9966CC with #000033 for text; test with WCAG AA standards.
Avoid using mid-tones like #663399 for large blocks of body text, especially on dark backgrounds, as readability may suffer.
Use pure white or a near-white for essential UI text and interactive elements if #9966CC doesn't meet minimum contrast ratios.
Consider larger font sizes or bolding for critical information when using colors from the middle of the palette against each other.

Recommended combinations

Cosmic Gradient

Ideal for hero sections, background animations, or product showcases to create a seamless, evolving sense of depth.

#000033 · #330066 · #9966CC

Deep Contrast

Excellent for dark mode UI where #000033 is the background, #9966CC for primary text, and #1A0033 for card borders or subtle dividers.

#000033 · #9966CC · #1A0033

Mystical Glow

Use #1A0033 as a deep base, #663399 for secondary elements, and #9966CC for glowing accents or interactive states to add magic.

#1A0033 · #663399 · #9966CC

CSS variables

:root {
  --deep-galaxy-swirl-1: #000033;
  --deep-galaxy-swirl-2: #1A0033;
  --deep-galaxy-swirl-3: #330066;
  --deep-galaxy-swirl-4: #663399;
  --deep-galaxy-swirl-5: #9966CC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-galaxy-swirl": {
        1: "#000033",
        2: "#1A0033",
        3: "#330066",
        4: "#663399",
        5: "#9966CC",
      }
    }
  }
}

Hex values

Color 1#000033

Color 2#1A0033

Color 3#330066

Color 4#663399

Color 5#9966CC

Accessibility

Contrast checker

1:1Fail

1.3:1Fail

2.4:1Fail

4.9:1AA

1:1Fail

1.2:1Fail

2.3:1Fail

4.7:1AA

1.3:1Fail

1.2:1Fail

1.9:1Fail

3.8:1AA18

2.4:1Fail

2.3:1Fail

1.9:1Fail

2.1:1Fail

4.9:1AA

4.7:1AA

3.8:1AA18

2.1:1Fail

Similar palettes

More like Deep Galaxy Swirl

View all dark

Astral Dust Whisper

Celestial Shimmer Glow

Cosmic Dreamscape Dust

Cosmic Dust Trails

Cosmic Stardust Drift

Cosmic Vapour Trails