Back to palettes

Palette

Aurora Horizon Whisper

A magical blend of blues and soft purple, reflecting the serene yet breathtaking dance of an aurora.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4169E1#6A5ACD#87CEEB#B0E0E6#DDA0DD

Palette guide

How to use Aurora Horizon Whisper

Overview

The "Aurora Horizon Whisper" palette is a magical blend of blues and soft purple, reflecting the serene yet breathtaking dance of an aurora, creating an elegant and cool feel. It features a bold royal blue #4169E1, a deep slate blue #6A5ACD, a serene sky blue #87CEEB, a soft powder blue #B0E0E6, and a gentle plum #DDA0DD. This cool palette is ideal for designers looking to infuse sophistication, tranquility, and a touch of celestial wonder into their projects. The harmonious blend of blues with a subtle purple creates a refreshing and modern aesthetic, perfect for web interfaces, branding, or digital art that aims to be both captivating and serene. It offers a truly elegant and ethereal aesthetic.

Best used for

  • Luxury travel agencies (arctic destinations)
  • Wellness and mindfulness apps
  • High-end tech or software interfaces
  • Wedding or formal event branding
  • Elegant personal portfolios
  • Spa and relaxation marketing materials

Suggested color roles

primary

#4169E1 - A bold royal blue, ideal for main interactive elements, key calls-to-action, or prominent sections that convey clarity and elegance.

secondary

#6A5ACD - A deep slate blue, excellent for supporting content, navigation backgrounds, or subheadings, adding depth and sophistication.

accent

#DDA0DD - A gentle plum, perfect for highlights, hover states, or small decorative elements that need to pop with a soft, ethereal glow.

background

#B0E0E6 - A soft powder blue, providing an airy and serene canvas that allows the deeper blues and purple to stand out beautifully.

text

#4169E1 - A bold royal blue that offers excellent readability on #B0E0E6 or #DDA0DD, or use a crisp white for general body text on darker backgrounds.

Accessibility notes

  • Ensure #DDA0DD or #87CEEB has sufficient contrast when used for text on #B0E0E6; aim for AA or AAA standards.
  • #4169E1 provides strong contrast against #B0E0E6, making it suitable for primary text and headings.
  • Avoid using #6A5ACD text directly on #87CEEB, as the contrast might be insufficient.
  • For optimal readability, use a dark charcoal or black text on the lightest shade #DDA0DD for general body copy.

Recommended combinations

Deep Horizon

Robust website footers, elegant dashboards, or professional presentations.

#4169E1 · #6A5ACD · #87CEEB

Aurora Whisper

Vibrant hero sections, engaging infographics, or serene app interfaces.

#87CEEB · #B0E0E6 · #DDA0DD

Sky Gradient

Dynamic gradient backgrounds, celestial-themed graphics, or impactful presentations.

#4169E1 · #B0E0E6 · #DDA0DD

CSS variables

:root {
  --aurora-horizon-whisper-1: #4169E1;
  --aurora-horizon-whisper-2: #6A5ACD;
  --aurora-horizon-whisper-3: #87CEEB;
  --aurora-horizon-whisper-4: #B0E0E6;
  --aurora-horizon-whisper-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aurora-horizon-whisper": {
        1: "#4169E1",
        2: "#6A5ACD",
        3: "#87CEEB",
        4: "#B0E0E6",
        5: "#DDA0DD",
      }
    }
  }
}

Related searches

cool blue purple paletteaurora elegant schemesky inspired brandingserene celestial UIsoft blue violet colors

Palette colors

Hex values

Color 1#4169E1
·
Color 2#6A5ACD
·
Color 3#87CEEB
·
Color 4#B0E0E6
·
Color 5#DDA0DD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2.8:1Fail
3.4:1AA18
2.3:1Fail
2
1.1:1Fail
3:1AA18
3.7:1AA18
2.6:1Fail
3
2.8:1Fail
3:1AA18
1.2:1Fail
1.2:1Fail
4
3.4:1AA18
3.7:1AA18
1.2:1Fail
1.4:1Fail
5
2.3:1Fail
2.6:1Fail
1.2:1Fail
1.4:1Fail

Similar palettes

More like Aurora Horizon Whisper

View all cool
Aurora Sky Glow
Aurora Ice Shard
Nocturnal Ocean Gleam
Oriental China Blues
Sapphire Shroud
Venetian Canal Mist