Palette

Galactic Haze Whisper

Soft, ethereal blues and purples, like the faint, glowing whispers of dust and gas in a distant galaxy.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Galactic Haze Whisper 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 Haze Whisper.

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

Data visualization

#0B0E1E#232B40#404B6D#677196#9FA8C6

Palette guide

How to use Galactic Haze Whisper

Overview

The "Galactic Haze Whisper" palette captures the soft, ethereal blues and purples of faint dust and gas in a distant galaxy. This cool, minimalist collection offers a serene gradient, starting with the deep, almost black #0B0E1E and gracefully transitioning through muted blues like #232B40 and #404B6D. The lighter, airy tones of #677196 and #9FA8C6 provide essential luminosity and a sense of expansive calm. Designers can utilize this subtle range to create sophisticated, tranquil, and modern interfaces, branding, or artistic projects that evoke quiet contemplation and cosmic serenity.

Best used for

Minimalist website designs
Luxury spa or wellness branding
High-end tech interfaces
Serene photography portfolios
Meditation or relaxation apps
Corporate sustainability reports

Suggested color roles

primary

#0B0E1E - Ideal for extensive backgrounds or foundational elements, providing a deep, stable, and calming dark base.

secondary

#404B6D - Use for major content blocks, navigation, or subheadings, offering a sophisticated mid-blue-gray.

accent

#677196 - Perfect for subtle highlights, interactive elements, or gentle calls-to-action that maintain a serene feel.

background

#0B0E1E - The darkest hue, creating an immersive, tranquil dark theme with understated elegance.

text

#9FA8C6 - Optimal for primary body text and headings on darker backgrounds like #0B0E1E, ensuring excellent readability.

Accessibility notes

Ensure #9FA8C6 on #0B0E1E meets WCAG AA contrast for body text; aim for AAA for critical content.
Check contrast of #677196 against #404B6D for interactive elements to ensure visibility.
Avoid using #232B40 as text on #0B0E1E due to insufficient contrast.
Lighter text like #9FA8C6 or a near-white is recommended for all darker shades for maximum readability.

Recommended combinations

Hazy Depth

Creating minimalist dark UIs with clear text and subtle hierarchical separation.

#0B0E1E · #404B6D · #9FA8C6

Ethereal Mist

Soft, blended gradients for visual depth or layered UI elements, evoking a misty atmosphere.

#232B40 · #677196 · #9FA8C6

Quiet Glow

Accenting key information or calls-to-action with a gentle yet clear visual emphasis.

#0B0E1E · #677196 · #9FA8C6

CSS variables

:root {
  --galactic-haze-whisper-1: #0B0E1E;
  --galactic-haze-whisper-2: #232B40;
  --galactic-haze-whisper-3: #404B6D;
  --galactic-haze-whisper-4: #677196;
  --galactic-haze-whisper-5: #9FA8C6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-haze-whisper": {
        1: "#0B0E1E",
        2: "#232B40",
        3: "#404B6D",
        4: "#677196",
        5: "#9FA8C6",
      }
    }
  }
}

Hex values

Color 1#0B0E1E

Color 2#232B40

Color 3#404B6D

Color 4#677196

Color 5#9FA8C6

Accessibility

Contrast checker

1.4:1Fail

2.2:1Fail

4:1AA18

8.1:1AAA

1.4:1Fail

1.6:1Fail

2.9:1Fail

6:1AA

2.2:1Fail

1.6:1Fail

1.8:1Fail

3.6:1AA18

4:1AA18

2.9:1Fail

1.8:1Fail

2:1Fail

8.1:1AAA

6:1AA

3.6:1AA18

2:1Fail

Similar palettes

More like Galactic Haze Whisper

View all cool

Galactic Stardust Glint