Back to palettes

Palette

Azure Sky Whisper

Light, ethereal blues echoing the vast, serene expanse of a clear, cloudless azure sky at dawn.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Azure Sky 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 Azure Sky Whisper.

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

Data visualization

#8CADD1#BADCEB#EBF3F8#6A9EB8#B2CADB

Palette guide

How to use Azure Sky Whisper

Overview

The Azure Sky Whisper palette features light, ethereal blues that echo the vast, serene expanse of a clear, cloudless azure sky at dawn. With hues ranging from the very light #EBF3F8 to the slightly deeper #8CADD1 and #6A9EB8, this collection offers a gentle, airy, and calming aesthetic. It's ideal for designers seeking to create soft, minimalist, and refreshing visual experiences. The subtle variations between #BADCEB and #B2CADB provide just enough distinction to create depth without sacrificing the overall sense of tranquility, perfect for inviting and peaceful designs.

Best used for

  • Minimalist website design
  • Baby and children's product branding
  • Spa and relaxation apps
  • Cloud computing service branding
  • Ethereal art and photography backdrops
  • Gentle interior design concepts

Suggested color roles

primary

#6A9EB8 - A soft, muted blue, strong enough for main headings and key informational elements without being overwhelming.

secondary

#8CADD1 - A slightly brighter, yet still gentle blue, suitable for subheadings, navigation, and secondary UI elements.

accent

#BADCEB - A light, clear blue, perfect for subtle highlights, interactive states, or to add a touch of freshness.

background

#EBF3F8 - The lightest color, serving as an expansive, airy, and clean canvas for all content.

text

#6A9EB8 - Or #8CADD1 for headings, with a dark charcoal or black for body text against the very light #EBF3F8 background to ensure readability.

Accessibility notes

  • Text in #6A9EB8 or a dark neutral on #EBF3F8 will generally meet WCAG AA contrast.
  • Avoid using lighter blues like #BADCEB or #B2CADB for body text on #EBF3F8 as contrast will be insufficient.
  • When using different shades of blue for text and background within this palette, always check contrast ratios carefully.
  • For critical information, consider using a high-contrast dark color (e.g., charcoal) on the lightest background.

Recommended combinations

Clear Horizon

Creates an extremely light and open feel, perfect for minimalist websites, subtle branding, or clean layouts.

#EBF3F8 · #BADCEB · #B2CADB

Gentle Depth

Provides a soft yet discernible hierarchy, ideal for informative content, serene interfaces, or elegant print materials.

#6A9EB8 · #8CADD1 · #EBF3F8

Airy Breeze

A harmonious blend for backgrounds and secondary elements, maintaining a light and refreshing aesthetic.

#BADCEB · #B2CADB · #6A9EB8

CSS variables

:root {
  --azure-sky-whisper-1: #8CADD1;
  --azure-sky-whisper-2: #BADCEB;
  --azure-sky-whisper-3: #EBF3F8;
  --azure-sky-whisper-4: #6A9EB8;
  --azure-sky-whisper-5: #B2CADB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "azure-sky-whisper": {
        1: "#8CADD1",
        2: "#BADCEB",
        3: "#EBF3F8",
        4: "#6A9EB8",
        5: "#B2CADB",
      }
    }
  }
}

Related searches

light blue color paletteethereal sky colorscalm blue brandingminimalist blue designairy pastel blues

Palette colors

Hex values

Color 1#8CADD1
·
Color 2#BADCEB
·
Color 3#EBF3F8
·
Color 4#6A9EB8
·
Color 5#B2CADB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.1:1Fail
1.3:1Fail
1.4:1Fail
2
1.6:1Fail
1.3:1Fail
2:1Fail
1.2:1Fail
3
2.1:1Fail
1.3:1Fail
2.6:1Fail
1.5:1Fail
4
1.3:1Fail
2:1Fail
2.6:1Fail
1.7:1Fail
5
1.4:1Fail
1.2:1Fail
1.5:1Fail
1.7:1Fail

Similar palettes

More like Azure Sky Whisper

View all cool
Cloudscape Serenity Blue
Azure Horizon Dream
Cloudburst Serenity
Cloudspun Serenity
Skyward Echoes
Whispering Sky Hues