Back to palettes

Palette

Galactic Night Voyage

Explores the profound depths and sparkling wonders of distant galaxies on an endless night journey.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#140C26#3B1B54#6E388A#A67ABA#D8D2DE

Palette guide

How to use Galactic Night Voyage

Overview

The Galactic Night Voyage palette offers a sophisticated journey through deep purples and ethereal lavenders, perfect for creating serene yet mysterious digital experiences. Featuring a profound deep indigo #140C26, a rich royal purple #3B1B54, a soft violet #6E388A, a muted lavender #A67ABA, and a delicate light lavender-grey #D8D2DE, this collection evokes the quiet majesty of distant galaxies. Designers and developers can utilize this palette to build elegant dark mode interfaces, luxurious branding, or atmospheric content that feels both expansive and inviting, with a touch of cosmic wonder.

Best used for

  • Elegant dark mode user interfaces
  • Luxury brand identity and packaging
  • Spiritual or wellness-focused websites
  • Cosmic-themed digital art and illustrations
  • Sophisticated event invitations and promotions
  • Interactive experiences requiring a calm, deep atmosphere

Suggested color roles

primary

Use #140C26 for foundational backgrounds, establishing a deep, immersive and sophisticated base.

secondary

Apply #3B1B54 for content panels, navigation, or sub-sections, providing a rich supporting layer.

accent

Deploy #A67ABA for subtle highlights, interactive elements, or secondary text that needs to softly stand out.

background

Utilize #140C26 for a deep, expansive background, creating an ideal canvas for lighter elements.

text

Employ #D8D2DE or a clean white for primary text to ensure excellent readability and a luminous effect on dark backgrounds.

Accessibility notes

  • Ensure #D8D2DE text has sufficient contrast on #140C26 or #3B1B54 backgrounds for WCAG AA compliance.
  • Be mindful when using #6E388A on #3B1B54 for small text; larger font sizes may be required for readability.
  • Use #A67ABA primarily for larger text or decorative elements to maintain legibility against darker purples.
  • Provide clear focus indicators for interactive elements, ensuring they stand out even with subtle color shifts.

Recommended combinations

Deep Cosmos

Excellent for main layouts, offering a deep base, rich mid-tone, and a soft, luminous highlight for text or icons.

#140C26 · #3B1B54 · #D8D2DE

Nebula Haze

Create gentle gradients or layered UI components, providing a soft transition of purple shades.

#3B1B54 · #6E388A · #A67ABA

Starry Whisper

Ideal for a dark background with soft, ethereal accents and clear, readable text.

#140C26 · #A67ABA · #D8D2DE

CSS variables

:root {
  --galactic-night-voyage-1: #140C26;
  --galactic-night-voyage-2: #3B1B54;
  --galactic-night-voyage-3: #6E388A;
  --galactic-night-voyage-4: #A67ABA;
  --galactic-night-voyage-5: #D8D2DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-night-voyage": {
        1: "#140C26",
        2: "#3B1B54",
        3: "#6E388A",
        4: "#A67ABA",
        5: "#D8D2DE",
      }
    }
  }
}

Related searches

deep purple color schemescosmic night palettemysterious galaxy colorselegant dark mode UIlavender purple branding

Palette colors

Hex values

Color 1#140C26
·
Color 2#3B1B54
·
Color 3#6E388A
·
Color 4#A67ABA
·
Color 5#D8D2DE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.3:1Fail
5.5:1AA
12.8:1AAA
2
1.3:1Fail
1.8:1Fail
4.2:1AA18
9.7:1AAA
3
2.3:1Fail
1.8:1Fail
2.4:1Fail
5.5:1AA
4
5.5:1AA
4.2:1AA18
2.4:1Fail
2.3:1Fail
5
12.8:1AAA
9.7:1AAA
5.5:1AA
2.3:1Fail

Similar palettes

More like Galactic Night Voyage

View all dark
Cosmic Deep Slumber
Cosmic Reaches
Cosmic Veil Glimmer
Dark Galaxy Nebula
Deep Space Comet
Galactic Void Shimmer