Palette

Galactic Drift Stream

Deep space purples and stardust grays create a mysterious and expansive cosmic atmosphere.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A1B29#8D8B92#C6B2D1#E6E2EE#6E5B8E

Palette guide

How to use Galactic Drift Stream

Overview

The "Galactic Drift Stream" palette evokes a mysterious and expansive cosmic atmosphere. This collection leverages deep space purples and stardust grays to create a sophisticated, ethereal feel suitable for digital interfaces and branding. The core dark tone #1A1B29 provides a strong foundation, complemented by the muted mid-gray #8D8B92 and the soft lavender #C6B2D1. A rich plum #6E5B8E adds depth, while the near-white #E6E2EE offers crucial contrast. Designers can use this combination to build elegant, modern designs with a touch of cosmic wonder, ensuring a harmonious balance between darkness and subtle luminosity.

Best used for

Luxury brand websites
Sci-fi game UI/UX
Ethereal art portfolios
Dark mode applications
High-end fashion branding
Abstract digital art

Suggested color roles

primary

#1A1B29 - Ideal for extensive backgrounds, headers, or foundational elements, providing a deep, stable base.

secondary

#6E5B8E - Use for navigation, interactive elements, or sections requiring a distinct, elegant purple.

accent

#C6B2D1 - Perfect for highlights, calls-to-action, or subtle decorative details to draw attention.

background

#1A1B29 - The primary dark background for a truly immersive, cosmic feel.

text

#E6E2EE - Optimal for primary body text against dark backgrounds to ensure high readability.

Accessibility notes

Ensure #E6E2EE text on #1A1B29 background meets WCAG AAA contrast.
Check contrast of #C6B2D1 and #8D8B92 against both light and dark text for interactive elements.
Avoid using #8D8B92 directly on #1A1B29 for critical text unless font size is large.
Prioritize sufficient contrast when pairing #6E5B8E with any lighter palette colors for readability.

Recommended combinations

Cosmic Depth

For bold headers and subtext on a dark canvas, creating immediate visual impact.

#1A1B29 · #6E5B8E · #E6E2EE

Ethereal Glow

Soft, sophisticated gradients or layered elements with a subtle, mystical feel.

#1A1B29 · #C6B2D1 · #8D8B92

Stardust Contrast

Light backgrounds with dark, elegant typography and accent details.

#E6E2EE · #6E5B8E · #1A1B29

CSS variables

:root {
  --galactic-drift-stream-1: #1A1B29;
  --galactic-drift-stream-2: #8D8B92;
  --galactic-drift-stream-3: #C6B2D1;
  --galactic-drift-stream-4: #E6E2EE;
  --galactic-drift-stream-5: #6E5B8E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-drift-stream": {
        1: "#1A1B29",
        2: "#8D8B92",
        3: "#C6B2D1",
        4: "#E6E2EE",
        5: "#6E5B8E",
      }
    }
  }
}

Hex values

Color 1#1A1B29

Color 2#8D8B92

Color 3#C6B2D1

Color 4#E6E2EE

Color 5#6E5B8E

Accessibility

Contrast checker

5.1:1AA

8.7:1AAA

13.4:1AAA

2.9:1Fail

5.1:1AA

1.7:1Fail

2.6:1Fail

1.8:1Fail