Back to palettes

Palette

Night Sky Galaxy

A mystical blend of deep purples and blues, mirroring the profound beauty 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 Night Sky 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 Night Sky Galaxy.

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

Data visualization

#1A1A2E#0F0F2A#2E0A4E#3F1E6F#2A0A3D

Palette guide

How to use Night Sky Galaxy

Overview

The "Night Sky Galaxy" palette offers a deep, mystical journey into celestial hues, perfect for creating immersive digital experiences. Dominated by rich purples and blues, this dark theme evokes the vastness and mystery of space. Designers can leverage its profound depth for sophisticated interfaces, while developers will appreciate its cohesive, low-light aesthetic. Key colors like the deep navy #1A1A2E and the enigmatic purple #2E0A4E provide a strong foundation. The lighter #3F1E6F introduces a touch of cosmic vibrancy, ensuring the palette, which also includes #0F0F2A and #2A0A3D, remains dynamic yet harmonious. It's ideal for creating high-contrast UIs or atmospheric branding that stands out with cosmic elegance.

Best used for

  • High-end tech interfaces
  • Space-themed game UIs
  • Luxury brand websites
  • Astrology or spiritual apps
  • Dark mode UI themes
  • Concert or event branding

Suggested color roles

primary

Use #1A1A2E as a stable, sophisticated base for main content areas or primary UI elements, providing a strong visual anchor.

secondary

Employ #2E0A4E for secondary navigation, card backgrounds, or subtle interactive states, adding depth and intrigue.

accent

Apply #3F1E6F sparingly for call-to-action buttons, highlights, or interactive elements to effectively draw user attention.

background

Utilize #0F0F2A for large background areas, creating a vast, immersive dark canvas that enhances other elements.

text

Recommend light gray or white text (e.g., #E0E0E0 or #FFFFFF) against these dark colors to ensure optimal readability and contrast.

Accessibility notes

  • Ensure sufficient contrast for all text against backgrounds, particularly for smaller font sizes, adhering to WCAG guidelines.
  • The #3F1E6F accent might have borderline contrast with some dark backgrounds; test thoroughly for legibility.
  • Provide clear and distinct focus indicators for interactive elements to aid keyboard navigation.
  • Use a lighter text color like #FFFFFF or #F0F0F0 for main body text against the deep #0F0F2A or #1A1A2E backgrounds to prevent eye strain.

Recommended combinations

Cosmic Depth

Ideal for immersive dashboards or data visualizations where deep backgrounds meet highlighted information.

#0F0F2A · #1A1A2E · #3F1E6F

Mystic Glow

Perfect for branding luxury products or spiritual content, emphasizing sophistication and allure.

#2E0A4E · #1A1A2E · #3F1E6F

Galactic Horizon

Suitable for dark mode themes where subtle transitions and a vibrant yet harmonious accent are desired.

#0F0F2A · #2A0A3D · #3F1E6F

CSS variables

:root {
  --night-sky-galaxy-1: #1A1A2E;
  --night-sky-galaxy-2: #0F0F2A;
  --night-sky-galaxy-3: #2E0A4E;
  --night-sky-galaxy-4: #3F1E6F;
  --night-sky-galaxy-5: #2A0A3D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "night-sky-galaxy": {
        1: "#1A1A2E",
        2: "#0F0F2A",
        3: "#2E0A4E",
        4: "#3F1E6F",
        5: "#2A0A3D",
      }
    }
  }
}

Related searches

dark galaxy color palettespace theme colorsmystical purple blue palettedeep navy UI colorscelestial branding palette

Palette colors

Hex values

Color 1#1A1A2E
·
Color 2#0F0F2A
·
Color 3#2E0A4E
·
Color 4#3F1E6F
·
Color 5#2A0A3D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1:1Fail
1.3:1Fail
1:1Fail
2
1.1:1Fail
1.1:1Fail
1.4:1Fail
1.1:1Fail
3
1:1Fail
1.1:1Fail
1.3:1Fail
1:1Fail
4
1.3:1Fail
1.4:1Fail
1.3:1Fail
1.3:1Fail
5
1:1Fail
1.1:1Fail
1:1Fail
1.3:1Fail

Similar palettes

More like Night Sky Galaxy

View all dark
Dark Star Glimmer
Galactic Cloud Shroud
Midnight Cosmic Void
Celestial Glimmer Dust
Cosmic Cloud Veil
Cosmic Dust Trails