Palette

Galactic Stardust Glint

A celestial blend of deep blues and cool grays, evoking distant galaxies.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Galactic Stardust Glint 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 Stardust Glint.

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

Data visualization

#1A1A2E#2B3A5A#4F5D75#8A9CA8#C8D1D7

Palette guide

How to use Galactic Stardust Glint

Overview

The Galactic Stardust Glint palette offers a refined blend of cool blues and sophisticated grays, evoking the serene and expansive feel of distant galaxies. With a deep charcoal blue #1A1A2E, a dark steel blue #2B3A5A, a muted slate gray #4F5D75, a soft cool gray #8A9CA8, and a delicate light cool gray #C8D1D7, this palette is inherently minimalist and professional. Designers and developers will find it ideal for crafting clean dark mode interfaces, corporate branding, or architectural visualizations. It provides a harmonious, understated aesthetic that is both modern and timeless, ensuring a calm and focused user experience.

Best used for

Corporate websites and professional applications
Minimalist branding and identity design
Tech dashboards and data visualization
Architectural and interior design presentations
Serene dark mode UI for productivity tools
Contemporary art galleries or portfolios

Suggested color roles

primary

Utilize #1A1A2E as the foundational background color, establishing a deep, sophisticated and unobtrusive base.

secondary

Apply #2B3A5A for content panels, navigation, or secondary sections, providing subtle differentiation.

accent

Deploy #C8D1D7 for delicate highlights, interactive elements, or primary text to ensure clarity and a soft glow.

background

Use #1A1A2E for a clean, sophisticated dark background, allowing other elements to subtly emerge.

text

Employ #C8D1D7 for primary text and #8A9CA8 for secondary text, ensuring readability against the darker blues.

Accessibility notes

Ensure #C8D1D7 text has sufficient contrast on #1A1A2E or #2B3A5A backgrounds for WCAG AA compliance.
Be cautious when using #8A9CA8 on #4F5D75 for small body text; contrast may be low, requiring larger font sizes.
Use a distinct highlight color (e.g., #C8D1D7) for interactive elements to clearly differentiate them.
Avoid placing similar dark shades directly adjacent for critical information to prevent visual ambiguity.

Recommended combinations

Deep Glint

Ideal for main layouts, offering a deep base, a supportive mid-blue, and a clear, light accent for text or icons.

#1A1A2E · #2B3A5A · #C8D1D7

Nebula Layers

Excellent for creating subtle gradients or layered UI components, providing depth within the cool gray-blue spectrum.

#2B3A5A · #4F5D75 · #8A9CA8

Subtle Horizon

Perfect for a dark background with a soft mid-tone and a clear, light accent, suitable for minimalist designs.

#1A1A2E · #4F5D75 · #C8D1D7

CSS variables

:root {
  --galactic-stardust-glint-1: #1A1A2E;
  --galactic-stardust-glint-2: #2B3A5A;
  --galactic-stardust-glint-3: #4F5D75;
  --galactic-stardust-glint-4: #8A9CA8;
  --galactic-stardust-glint-5: #C8D1D7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-stardust-glint": {
        1: "#1A1A2E",
        2: "#2B3A5A",
        3: "#4F5D75",
        4: "#8A9CA8",
        5: "#C8D1D7",
      }
    }
  }
}

Hex values

Color 1#1A1A2E

Color 2#2B3A5A

Color 3#4F5D75

Color 4#8A9CA8

Color 5#C8D1D7

Accessibility

Contrast checker

1.5:1Fail

2.6:1Fail

6:1AA

11:1AAA

1.5:1Fail

1.7:1Fail

4:1AA18

7.3:1AAA

2.6:1Fail

1.7:1Fail

2.3:1Fail

4.3:1AA18

6:1AA

4:1AA18

2.3:1Fail

1.8:1Fail

11:1AAA

7.3:1AAA

4.3:1AA18

1.8:1Fail

Similar palettes

More like Galactic Stardust Glint

View all cool

Galactic Haze Whisper

Arctic Fox Snow

Arctic Shoreline Chill

Aurora Ice Blossom

Cosmic Crater Moon

Frosted Winter Glaze