Back to palettes

Palette

Winter Aurora Whisper

An elegant and chillingly beautiful palette, capturing the subtle, serene light of the aurora on a winter night.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Aurora 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 Winter Aurora Whisper.

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

Data visualization

#1E3A5F#3B5F8A#6C9BC9#AFC9E4#0D223F

Palette guide

How to use Winter Aurora Whisper

Overview

The Winter Aurora Whisper palette offers a sophisticated and serene collection of cool blues, capturing the subtle, elegant light of the aurora on a winter night. Featuring deep navy (#1E3A5F) and even darker midnight blue (#0D223F), it transitions through rich mid-tones like #3B5F8A to lighter, frosted hues such as #6C9BC9 and #AFC9E4. This palette is ideal for designers and developers aiming for an elegant, calming, and professional aesthetic. Its harmonious blend of blues provides depth and tranquility, making it perfect for corporate branding, luxury interfaces, or any project requiring a refined and understated cool presence.

Best used for

  • Corporate and luxury branding
  • Sophisticated user interfaces (UI)
  • Serene digital illustrations and art
  • Winter-themed fashion editorials
  • Educational and scientific presentations
  • Elegant website and app designs

Suggested color roles

primary

Utilize #1E3A5F for main sections, headers, and primary branding elements, providing a deep, stable foundation.

secondary

Apply #3B5F8A for subheadings, secondary navigation, or supporting graphical elements, adding visual interest without overpowering.

accent

Use #6C9BC9 for subtle highlights, interactive states, or to introduce a lighter, more ethereal quality to your design.

background

Employ #AFC9E4 as a soft, expansive background, creating an airy and elegant canvas that enhances readability.

text

For body text, #0D223F offers excellent contrast and a refined look on lighter backgrounds. White works well on darker blues.

Accessibility notes

  • Ensure sufficient contrast between #AFC9E4 and #6C9BC9 if used for text, especially for smaller fonts.
  • Prioritize #0D223F or #1E3A5F for all essential text on light backgrounds to meet WCAG AA standards.
  • Avoid using #AFC9E4 for small text on white or very light backgrounds due to potential readability issues.
  • Test color pairings for visual hierarchy, ensuring key information stands out clearly against the subtle blue tones.

Recommended combinations

Deep Serenity

Creates a robust, sophisticated look suitable for strong branding statements or foundational elements.

#0D223F · #1E3A5F · #3B5F8A

Frosted Elegance

Offers an airy and refined feel, perfect for backgrounds, delicate interfaces, or elegant visual storytelling.

#AFC9E4 · #6C9BC9 · #1E3A5F

Subtle Gradient

Excellent for creating visual depth, smooth transitions, or emphasizing atmospheric elements in digital art and UI.

#3B5F8A · #6C9BC9 · #AFC9E4

CSS variables

:root {
  --winter-aurora-whisper-1: #1E3A5F;
  --winter-aurora-whisper-2: #3B5F8A;
  --winter-aurora-whisper-3: #6C9BC9;
  --winter-aurora-whisper-4: #AFC9E4;
  --winter-aurora-whisper-5: #0D223F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-aurora-whisper": {
        1: "#1E3A5F",
        2: "#3B5F8A",
        3: "#6C9BC9",
        4: "#AFC9E4",
        5: "#0D223F",
      }
    }
  }
}

Related searches

serene blue paletteelegant winter colorssubtle aurora designcool blue brandingsophisticated night hues

Palette colors

Hex values

Color 1#1E3A5F
·
Color 2#3B5F8A
·
Color 3#6C9BC9
·
Color 4#AFC9E4
·
Color 5#0D223F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.9:1AA18
6.7:1AA
1.4:1Fail
2
1.7:1Fail
2.2:1Fail
3.9:1AA18
2.4:1Fail
3
3.9:1AA18
2.2:1Fail
1.7:1Fail
5.4:1AA
4
6.7:1AA
3.9:1AA18
1.7:1Fail
9.3:1AAA
5
1.4:1Fail
2.4:1Fail
5.4:1AA
9.3:1AAA

Similar palettes

More like Winter Aurora Whisper

View all cool
Nocturnal Ocean Gleam
Aurora Horizon Whisper
Celestial Ice Sparkle
Cityscape Nocturne Blue
Frosted Cranberry Ice
Frosted Pearl Glimmer