Back to palettes

Palette

Northern Lights Veil

An otherworldly palette capturing the dancing glow of the aurora borealis across a winter night sky.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Northern Lights 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 Northern Lights Veil.

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

Data visualization

#5D3E56#805E73#D9E4DD#A1CFCD#5AA4BF

Palette guide

How to use Northern Lights Veil

Overview

The Northern Lights Veil palette offers an otherworldly and calm interpretation of the aurora, blending muted purples, greens, and blues across a winter night sky. This ethereal collection features the subtle depth of #5D3E56 (Old Lavender) and #805E73 (Lavender Gray), complemented by the airy #D9E4DD (Alice Blue). The serene #A1CFCD (Powder Blue) and the grounding #5AA4BF (Steel Blue) complete the set, providing a sophisticated range for designs. Designers and developers can use this palette to evoke a sense of tranquility, mystery, and understated elegance, perfect for projects that aim for a soft, dreamy aesthetic.

Best used for

  • Photography website portfolios
  • Spa or wellness brand aesthetics
  • Poetry or literary website designs
  • Winter wedding invitations or decor
  • Relaxing mobile app interfaces
  • Ethereal digital art and illustrations

Suggested color roles

primary

Use #5D3E56 (Old Lavender) as a foundational color for backgrounds or main content areas, establishing a muted, elegant tone.

secondary

Apply #805E73 (Lavender Gray) or #5AA4BF (Steel Blue) for navigation, content panels, or subheadings, providing gentle contrast.

accent

Deploy #D9E4DD (Alice Blue) or #A1CFCD (Powder Blue) for soft highlights, interactive elements, or ethereal background textures.

background

The light #D9E4DD offers an airy, clean canvas, while #5D3E56 can be used for a more immersive, muted background.

text

For lighter backgrounds, a deep charcoal or #5D3E56 ensures optimal readability. For darker elements, use #D9E4DD or white for text.

Accessibility notes

  • Ensure sufficient contrast when pairing the lighter shades like #D9E4DD with darker text for readability (e.g., #5D3E56).
  • Avoid using #805E73 for small text on #5D3E56 backgrounds due to their similar values.
  • A true black or very dark charcoal will provide the best contrast for body text on #D9E4DD and #A1CFCD.
  • Consider larger font sizes or bolder weights for text in #A1CFCD on a background like #5AA4BF to improve legibility.

Recommended combinations

Dreamy Veil

Ideal for soft hero sections, combining a deep lavender with light, airy blues for a gentle, ethereal feel.

#5D3E56 · #D9E4DD · #A1CFCD

Misty Horizon

Excellent for content blocks or subtle graphic elements, blending lavender gray and steel blue with a refreshing light blue highlight.

#805E73 · #5AA4BF · #D9E4DD

Calm Shimmer

Perfect for elegant UI elements or icons, using powder blue as a soft primary, grounded by deeper purples for sophistication.

#A1CFCD · #5D3E56 · #805E73

CSS variables

:root {
  --northern-lights-veil-2-1: #5D3E56;
  --northern-lights-veil-2-2: #805E73;
  --northern-lights-veil-2-3: #D9E4DD;
  --northern-lights-veil-2-4: #A1CFCD;
  --northern-lights-veil-2-5: #5AA4BF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "northern-lights-veil-2": {
        1: "#5D3E56",
        2: "#805E73",
        3: "#D9E4DD",
        4: "#A1CFCD",
        5: "#5AA4BF",
      }
    }
  }
}

Related searches

muted aurora color paletteethereal purple green bluecalm winter night colorssoft dreamy aesthetic palettelavender gray steel blue combo

Palette colors

Hex values

Color 1#5D3E56
·
Color 2#805E73
·
Color 3#D9E4DD
·
Color 4#A1CFCD
·
Color 5#5AA4BF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
7:1AAA
5.4:1AA
3.3:1AA18
2
1.6:1Fail
4.3:1AA18
3.3:1AA18
2:1Fail
3
7:1AAA
4.3:1AA18
1.3:1Fail
2.1:1Fail
4
5.4:1AA
3.3:1AA18
1.3:1Fail
1.6:1Fail
5
3.3:1AA18
2:1Fail
2.1:1Fail
1.6:1Fail

Similar palettes

More like Northern Lights Veil

View all cool
Ethereal Wood Nymph
Northern Lights Serene
Alpine Lake Serene
Arctic Sky Aurora
Bamboo Forest Mist
Celestial Aurora Dream