Back to palettes

Palette

Hazy Sunset Horizon

Dreamy pastel hues of pink, peach, and blue that perfectly capture the soft, atmospheric beauty of a serene sunset sky.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Hazy Sunset 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 Hazy Sunset Horizon.

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

Data visualization

#F8C8DC#FDD7C6#FFEDCC#D9EAF7#F0F8FF

Palette guide

How to use Hazy Sunset Horizon

Overview

The Hazy Sunset Horizon palette captures the dreamy, soft beauty of a serene sunset sky, blending delicate pastels into a harmonious gradient. This collection of soft pinks, peaches, and blues provides an ethereal and calming foundation for design. The gentle #F8C8DC (pink) and #FDD7C6 (peach) evoke the warm glow of the setting sun, beautifully complemented by the soft yellow of #FFEDCC. The tranquil blue of #D9EAF7 and the near-white #F0F8FF introduce a cool, airy balance, reminiscent of the fading sky. This palette is exceptionally versatile for projects aiming for a soft, romantic, or peaceful aesthetic, ideal for baby products, wedding themes, or gentle digital experiences.

Best used for

  • Baby product branding and packaging
  • Wedding stationery and event design
  • Romantic novel covers or websites
  • Wellness and self-care app interfaces
  • Gentle lifestyle and beauty blogs
  • Soft-toned digital art and illustrations

Suggested color roles

primary

Utilize #FDD7C6 as a dominant color for backgrounds or large sections to establish a warm, soft, and inviting mood.

secondary

Apply #F8C8DC for important headings or accents to introduce a subtle romantic warmth while maintaining the pastel aesthetic.

accent

Highlight key information or interactive elements with #D9EAF7 for a cool, refreshing pop, or #FFEDCC for a soft, golden glow.

background

Employ #F0F8FF or #FFEDCC as a light, airy background, providing excellent readability for darker text elements.

text

For optimal readability on these light pastel backgrounds, use a soft charcoal, dark grey, or a very dark navy. True black text might be too harsh.

Accessibility notes

  • Contrast will be challenging with pastels. Prioritize readability by pairing darkest available text (e.g., charcoal) with lightest backgrounds.
  • Avoid placing any pastel text on another pastel background; contrast will almost certainly be insufficient.
  • Always verify contrast ratios for all text and interactive elements. WCAG AA compliance may require darker text not in the palette.
  • Use larger font sizes and bolding for any text that relies on subtle contrast.

Recommended combinations

Sunset Wash

Excellent for a soft, dreamy aesthetic, creating a gentle and inviting feel for headers and core content.

#F8C8DC · #FDD7C6 · #F0F8FF

Sky Glow

Ideal for backgrounds with complementary text, or for highlighting specific sections with a harmonious, serene gradient.

#FDD7C6 · #FFEDCC · #D9EAF7

Cloud Whisper

Perfect for UI elements, buttons, and subtle accents, providing an airy yet clear visual hierarchy for a peaceful aesthetic.

#F0F8FF · #D9EAF7 · #F8C8DC

CSS variables

:root {
  --hazy-sunset-horizon-1: #F8C8DC;
  --hazy-sunset-horizon-2: #FDD7C6;
  --hazy-sunset-horizon-3: #FFEDCC;
  --hazy-sunset-horizon-4: #D9EAF7;
  --hazy-sunset-horizon-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "hazy-sunset-horizon": {
        1: "#F8C8DC",
        2: "#FDD7C6",
        3: "#FFEDCC",
        4: "#D9EAF7",
        5: "#F0F8FF",
      }
    }
  }
}

Related searches

pastel sunset palettehazy horizon colorssoft romantic schemecalm sky huesdreamy pastel design

Palette colors

Hex values

Color 1#F8C8DC
·
Color 2#FDD7C6
·
Color 3#FFEDCC
·
Color 4#D9EAF7
·
Color 5#F0F8FF
·

Accessibility

Contrast checker

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

Similar palettes

More like Hazy Sunset Horizon

View all pastel
Dreamy Cloudscape
Dreamy Cotton
Cloud Dream Whisper
Cloudless Sky Wash
Dawn Cloud Whisper
Dawn Serenity