Back to palettes

Palette

Azure Serene Dawn

Soft, ethereal blues that paint the picture of a clear, tranquil sky at the break of dawn.

Pastelcalm5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Azure Serene Dawn 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 Serene Dawn.

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

Data visualization

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

Palette guide

How to use Azure Serene Dawn

Overview

The Azure Serene Dawn palette offers a collection of soft, ethereal blues and purples, perfectly capturing the tranquility of a clear, tranquil sky at daybreak. With gentle light blues like #ADD8E6 and #B0E0E6, a classic sky blue #87CEEB, and deeper, more vibrant accents of #6A5ACD and #4169E1, this palette provides a calming yet engaging visual experience. Designers can leverage these shades to create inviting digital spaces, peaceful brand identities, or delicate print materials. Its harmonious blend evokes a sense of calm, hope, and new beginnings, ideal for gentle and inspiring themes.

Best used for

  • Wellness and meditation apps
  • Baby product branding
  • Morning news or weather interfaces
  • Ethereal wedding stationery
  • Children's book illustrations
  • Soft home decor websites

Suggested color roles

primary

#4169E1 - A clear, royal blue, strong enough for main headings and call-to-action buttons, offering a sense of stability.

secondary

#6A5ACD - A muted lavender-blue, excellent for subheadings, secondary navigation, or background elements that require a gentle distinction.

accent

#87CEEB - A bright, welcoming sky blue, perfect for highlighting key information, interactive states, or decorative flourishes.

background

#ADD8E6 - A very light, soft blue, providing an airy and serene canvas for content, promoting a sense of calm.

text

#4169E1 - Or a dark charcoal/black for optimal readability against lighter backgrounds like #ADD8E6 and #B0E0E6.

Accessibility notes

  • Ensure text in #4169E1 or black has sufficient contrast on #ADD8E6 or #B0E0E6 (WCAG AA pass).
  • Avoid using #87CEEB text on #ADD8E6 background due to insufficient contrast.
  • Test contrast ratios for #6A5ACD text on #87CEEB if used, as it may be borderline.
  • For critical information, always use the darkest available color for text against the lightest background.

Recommended combinations

Dawn Sky

Creates a very light, airy, and open feel, perfect for backgrounds, headers, or minimalist designs.

#ADD8E6 · #87CEEB · #B0E0E6

Serene Accent

Provides a calming foundation with a vibrant yet soft highlight, suitable for engaging UI elements or inspiring quotes.

#4169E1 · #ADD8E6 · #6A5ACD

Twilight Hues

A slightly deeper, more contemplative combination, excellent for storytelling, thoughtful content, or subtle branding.

#6A5ACD · #4169E1 · #87CEEB

CSS variables

:root {
  --azure-serene-dawn-1: #ADD8E6;
  --azure-serene-dawn-2: #87CEEB;
  --azure-serene-dawn-3: #6A5ACD;
  --azure-serene-dawn-4: #4169E1;
  --azure-serene-dawn-5: #B0E0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "azure-serene-dawn": {
        1: "#ADD8E6",
        2: "#87CEEB",
        3: "#6A5ACD",
        4: "#4169E1",
        5: "#B0E0E6",
      }
    }
  }
}

Related searches

pastel blue color schemeserene sky palettecalm dawn colorsethereal blue brandingsoft purple blue design

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
3.5:1AA18
3.2:1AA18
1.1:1Fail
2
1.1:1Fail
3:1AA18
2.8:1Fail
1.2:1Fail
3
3.5:1AA18
3:1AA18
1.1:1Fail
3.7:1AA18
4
3.2:1AA18
2.8:1Fail
1.1:1Fail
3.4:1AA18
5
1.1:1Fail
1.2:1Fail
3.7:1AA18
3.4:1AA18

Similar palettes

More like Azure Serene Dawn

View all Pastel
Evening Dewdrop Garden
Pastel Cloud Dream
Azure Sky Whisper
Cherry Blossom Festival
Cloudburst Serenity
Cloudscape Serenity Blue