Palette

Galactic Ice Nebula

Explores the deep, ethereal blues and cool whites of distant, icy cosmic formations.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Galactic Ice Nebula 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 Ice Nebula.

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

Data visualization

#0B1B30#3C5A80#78A0C9#A8DADC#2A415F

Palette guide

How to use Galactic Ice Nebula

Overview

The Galactic Ice Nebula palette immerses users in a tranquil, cosmic experience, drawing inspiration from distant, icy formations. This cool-toned collection is ideal for projects requiring sophistication and depth. Anchored by profound blues like #0B1B30 and #2A415F, it provides a robust foundation for dark themes or strong brand identities. Mid-range hues such as #3C5A80 and #78A0C9 introduce ethereal layers and visual interest, perfect for gradients or UI components. The luminous #A8DADC acts as a brilliant icy highlight, evoking starlight and pristine ice. Designers can effectively leverage this palette to craft serene, expansive, and visually compelling digital interfaces, luxury branding, or immersive content experiences.

Best used for

Luxury tech branding
Science fiction game interfaces
Environmental conservation websites
Astronomy education platforms
Winter-themed fashion or product lines
High-end corporate design

Suggested color roles

primary

#0B1B30 - A deep, foundational blue perfect for primary backgrounds in dark mode or as a dominant brand color, conveying authority and depth.

secondary

#3C5A80 - A versatile mid-tone blue, excellent for secondary backgrounds, navigation elements, or as a supporting color for larger text blocks.

accent

#A8DADC - The brightest, icy blue; ideal for call-to-action buttons, interactive states, icons, or subtle highlights that need to pop.

background

#2A415F - A slightly softer dark blue than the primary, suitable for content sections, cards, or a less intense dark background where #0B1B30 might be too stark.

text

#78A0C9 - A light-medium blue, highly legible on darker backgrounds like #0B1B30 or #2A415F, suitable for body text and descriptive labels.

Accessibility notes

Ensure #A8DADC text has sufficient contrast against #0B1B30 or #2A415F backgrounds; it generally passes for larger text.
Avoid using #78A0C9 for small body text on #3C5A80 backgrounds; the contrast ratio may be insufficient for WCAG AA.
For any text on #A8DADC, use a very dark color like #0B1B30 or black to guarantee readability.
Interactive elements colored with #A8DADC should have clear focus states, as their subtle luminosity might blend with lighter backgrounds.

Recommended combinations

Deep Space

Primary UI elements, dark mode themes, clear text on deep backgrounds.

#0B1B30 · #A8DADC · #78A0C9

Nebula Glow

Subtler gradients, background sections, illustrative elements with highlights.

#2A415F · #3C5A80 · #A8DADC

Icy Horizon

Data visualization, section dividers, balanced branding elements.

#3C5A80 · #78A0C9 · #0B1B30

CSS variables

:root {
  --galactic-ice-nebula-1: #0B1B30;
  --galactic-ice-nebula-2: #3C5A80;
  --galactic-ice-nebula-3: #78A0C9;
  --galactic-ice-nebula-4: #A8DADC;
  --galactic-ice-nebula-5: #2A415F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-ice-nebula": {
        1: "#0B1B30",
        2: "#3C5A80",
        3: "#78A0C9",
        4: "#A8DADC",
        5: "#2A415F",
      }
    }
  }
}

Hex values

Color 1#0B1B30

Color 2#3C5A80

Color 3#78A0C9

Color 4#A8DADC

Color 5#2A415F

Accessibility

Contrast checker

2.4:1Fail

6.3:1AA

11.3:1AAA

1.7:1Fail

2.4:1Fail

2.6:1Fail

4.6:1AA

1.5:1Fail

6.3:1AA

2.6:1Fail

1.8:1Fail

3.8:1AA18

11.3:1AAA

4.6:1AA

1.8:1Fail

6.8:1AA

1.7:1Fail

1.5:1Fail

3.8:1AA18

6.8:1AA

Similar palettes

More like Galactic Ice Nebula

Stardust Nebula Bloom

Starlight Sapphire

Arctic Aurora Glow