Back to palettes

Palette

Starlight Azure Veil

Deep, rich blues blending into soft greys, like the vast, serene expanse of the night sky veiled in starlight.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Starlight Azure Veil 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 Starlight Azure Veil.

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

Data visualization

#0D1B2A#1B2C4F#2B406B#415A77#607996

Palette guide

How to use Starlight Azure Veil

Overview

The Starlight Azure Veil palette unveils a serene expanse of deep, rich blues blending into soft greys, like the vast night sky veiled in starlight. From the profound #0D1B2A to the atmospheric #607996, this collection offers a sophisticated and tranquil aesthetic for designers and developers. Its cool, calming tones, including #2B406B, are ideal for crafting professional digital experiences, minimalist UI designs, or elegant branding. The palette's subtle progression ensures visual harmony and depth, making it perfect for projects that aim to evoke celestial serenity, professionalism, and a timeless elegance across web, app, or print materials.

Best used for

  • Corporate tech websites
  • Data analytics dashboards
  • Professional service branding
  • Luxury travel agencies (ocean/sky themes)
  • Minimalist UI designs
  • Educational platforms (science, astronomy)

Suggested color roles

primary

#0D1B2A serves as the deepest, foundational dark blue, ideal for immersive backgrounds or primary branding.

secondary

#1B2C4F offers a rich supporting blue, adding subtle depth and sophistication to larger sections.

accent

#607996 provides a soft, atmospheric highlight, perfect for subtle accents, borders, or secondary information.

background

Use #0D1B2A for a truly dark, serene background, enhancing content visibility in a sophisticated manner.

text

For optimal readability on dark backgrounds, use white or a very light grey. Use #0D1B2A on #607996 for headings.

Accessibility notes

  • Avoid using #415A77 as text on #607996 due to insufficient contrast; use for larger graphical elements.
  • Ensure sufficient contrast for body text by pairing white or a very light grey with the darker blues.
  • Interactive elements should have clearly visible states, especially when using shades with close values.
  • The blues are close in value; distinguish elements with size or placement rather than relying solely on color contrast.

Recommended combinations

Deep Azure Contrast

Creates strong headers, key information, and a sophisticated contrast for dark backgrounds.

#0D1B2A · #607996 · #2B406B

Serene Gradient

Ideal for background elements, subtle UI depth, or to create flowing visual transitions.

#1B2C4F · #2B406B · #415A77

Azure Highlight

Use for navigation items, active states, or to gently emphasize specific UI components with a soft glow.

#0D1B2A · #415A77 · #607996

CSS variables

:root {
  --starlight-azure-veil-1: #0D1B2A;
  --starlight-azure-veil-2: #1B2C4F;
  --starlight-azure-veil-3: #2B406B;
  --starlight-azure-veil-4: #415A77;
  --starlight-azure-veil-5: #607996;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "starlight-azure-veil": {
        1: "#0D1B2A",
        2: "#1B2C4F",
        3: "#2B406B",
        4: "#415A77",
        5: "#607996",
      }
    }
  }
}

Related searches

deep azure color paletteserene blue grey schemenight sky UI designcelestial blue brandingsophisticated cool tones

Palette colors

Hex values

Color 1#0D1B2A
·
Color 2#1B2C4F
·
Color 3#2B406B
·
Color 4#415A77
·
Color 5#607996
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.4:1Fail
3.9:1AA18
2
1.3:1Fail
1.3:1Fail
1.9:1Fail
3.1:1AA18
3
1.7:1Fail
1.3:1Fail
1.4:1Fail
2.3:1Fail
4
2.4:1Fail
1.9:1Fail
1.4:1Fail
1.6:1Fail
5
3.9:1AA18
3.1:1AA18
2.3:1Fail
1.6:1Fail

Similar palettes

More like Starlight Azure Veil

View all cool
Cobalt Night Sky
Starlight Sapphire
Abyssal Current Glide
Celestial Ocean Dream
Celestial Ocean Mirror
Clear Night Chill