Back to palettes

Palette

Dawn Haze Horizon

A delicate blend of soft blues and gentle purples, evoking the peaceful, misty hues of the sky at dawn.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dawn Haze Horizon 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 Dawn Haze Horizon.

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

Data visualization

#ADD8E6#B0E0E6#E6E6FA#DDA0DD#FAEBD7

Palette guide

How to use Dawn Haze Horizon

Overview

The Dawn Haze Horizon palette offers a delicate blend of soft blues, gentle purples, and a hint of warm cream, evoking the peaceful, misty hues of the sky at dawn. Featuring serene blues like #ADD8E6 and #B0E0E6, the ethereal #E6E6FA, the soft purple #DDA0DD, and the warm #FAEBD7, this palette is perfect for designs that aim for a calm, light, and ethereal aesthetic. It's ideal for wellness platforms, romantic branding, or any project that seeks to convey tranquility and gentle beauty. Designers can leverage its harmonious tones for airy backgrounds, while developers will find it excellent for light mode interfaces that are visually soothing and incredibly inviting.

Best used for

  • Wellness and mindfulness apps
  • Romantic or wedding stationery
  • Children's room decor inspiration
  • Gentle e-commerce themes (e.g., handmade goods)
  • Spring-themed digital content
  • Serene photography showcases

Suggested color roles

primary

#B0E0E6 - A soft, serene light blue that provides an airy and gentle foundation for primary elements or large sections.

secondary

#E6E6FA - A very light, ethereal lavender-white, offering a harmonious complement, suitable for secondary content blocks or subtle accents.

accent

#DDA0DD - A soft, delicate pastel purple, perfect for subtle highlights, interactive states, or delicate graphical details, adding a touch of romance.

background

#ADD8E6 - A light, soothing blue that offers an ethereal and tranquil background, perfect for a gentle, inviting aesthetic.

text

#FAEBD7 - A light, warm cream that can be used for very subtle text. For main body text on these light backgrounds, use a dark charcoal (e.g., #333333) or a deep blue (e.g., #2F4F4F) for optimal readability.

Accessibility notes

  • This palette consists of very light pastels; ensure extremely high contrast for all text.
  • Avoid using any of the palette colors for text on other palette colors without significant darkening.
  • For critical text, a dark color like black, charcoal, or dark navy should be used on any of these backgrounds.
  • Test all text and background pairings using WCAG contrast checkers to meet AA or AAA standards.

Recommended combinations

Hazy Horizon

Creating soft, ethereal gradients for backgrounds or large sections, evoking a tranquil morning sky.

#ADD8E6 · #B0E0E6 · #E6E6FA

Dawn Whispers

Pairing a soft blue base with a gentle purple accent and a warm cream for delicate content blocks.

#B0E0E6 · #DDA0DD · #FAEBD7

Misty Layers

Designing UI elements where subtle shifts in light purples and blues create a gentle hierarchy.

#E6E6FA · #DDA0DD · #ADD8E6

CSS variables

:root {
  --dawn-haze-horizon-1: #ADD8E6;
  --dawn-haze-horizon-2: #B0E0E6;
  --dawn-haze-horizon-3: #E6E6FA;
  --dawn-haze-horizon-4: #DDA0DD;
  --dawn-haze-horizon-5: #FAEBD7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dawn-haze-horizon": {
        1: "#ADD8E6",
        2: "#B0E0E6",
        3: "#E6E6FA",
        4: "#DDA0DD",
        5: "#FAEBD7",
      }
    }
  }
}

Related searches

pastel dawn colorslight ethereal palettecalm sky blue purpledelicate morning huessoft pastel UI

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#B0E0E6
·
Color 3#E6E6FA
·
Color 4#DDA0DD
·
Color 5#FAEBD7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.4:1Fail
1.3:1Fail
2
1.1:1Fail
1.2:1Fail
1.4:1Fail
1.2:1Fail
3
1.2:1Fail
1.2:1Fail
1.7:1Fail
1.1:1Fail
4
1.4:1Fail
1.4:1Fail
1.7:1Fail
1.8:1Fail
5
1.3:1Fail
1.2:1Fail
1.1:1Fail
1.8:1Fail

Similar palettes

More like Dawn Haze Horizon

View all pastel
Celestial Cloud Shimmer
Cloudless Sky Wash
Dawn Serenity
Dreamy Cloudscape
Dreamy Skyscape Tint
Gentle Sky Gaze