Back to palettes

Palette

Sunset Peach Haze

Gentle, warm tones of a fading sunset, casting a peachy, hazy glow over the horizon.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunset Peach Haze 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 Sunset Peach Haze.

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

Data visualization

#FFBE98#FFD8BE#FFEEC3#FFFAF0#F0E0D6

Palette guide

How to use Sunset Peach Haze

Overview

The 'Sunset Peach Haze' palette is a delicate and serene collection, capturing the gentle, fading light of a dreamy sunset. It features soft, warm tones ranging from the inviting peach of #FFBE98 to the ethereal near-whites of #FFFAF0 and #F0E0D6. Intermediate hues like #FFD8BE and #FFEEC3 provide subtle variations, creating a harmonious and calming gradient. This palette is perfectly suited for designs that aim to evoke a sense of tranquility, softness, and understated elegance, ideal for creating a peaceful and approachable aesthetic in various applications.

Best used for

  • Baby product branding and packaging
  • Wedding invitations and event decor
  • Spa, wellness, and beauty centers
  • Feminine fashion and lifestyle brands
  • Delicate photography portfolios
  • Serene interior design concepts

Suggested color roles

primary

Use #FFBE98 for a soft yet inviting primary color, suitable for headings or subtle calls to action.

secondary

Employ #FFD8BE for supporting elements, subheadings, or as a gentle background accent.

accent

Apply #FFEEC3 for subtle highlights or decorative elements that require a touch of soft warmth.

background

Utilize #FFFAF0 or #F0E0D6 for a light, airy, and expansive background that allows other colors to breathe.

text

Choose a dark brown or charcoal gray for all body text to ensure maximum readability against these very light backgrounds. Avoid light text on light backgrounds.

Accessibility notes

  • Due to the lightness of most colors, always use a dark brown or black for text to ensure sufficient contrast and readability.
  • Avoid using any palette color as text on another palette color, as contrast will almost certainly be insufficient.
  • #FFFAF0 and #F0E0D6 are primarily for backgrounds or large display elements, not small body text.
  • Prioritize using a dark, contrasting color (e.g., #333333 or #444444) for all text elements to meet accessibility standards.

Recommended combinations

Hazy Dream

Creates a soft, ethereal gradient perfect for delicate backgrounds, website headers, or subtle brand imagery.

#FFBE98 · #FFD8BE · #FFFAF0

Gentle Glow

Offers a warm and inviting combination for UI cards, subtle callouts, or gentle graphic elements.

#FFEEC3 · #FFBE98 · #F0E0D6

Soft Blush

Provides a very light and airy feel, suitable for minimalist designs or as a base for text.

#FFD8BE · #F0E0D6 · #FFEEC3

CSS variables

:root {
  --sunset-peach-haze-1: #FFBE98;
  --sunset-peach-haze-2: #FFD8BE;
  --sunset-peach-haze-3: #FFEEC3;
  --sunset-peach-haze-4: #FFFAF0;
  --sunset-peach-haze-5: #F0E0D6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-peach-haze": {
        1: "#FFBE98",
        2: "#FFD8BE",
        3: "#FFEEC3",
        4: "#FFFAF0",
        5: "#F0E0D6",
      }
    }
  }
}

Related searches

soft peach palettedreamy warm colorspastel sunset schemegentle brand identitylight aesthetic design

Palette colors

Hex values

Color 1#FFBE98
·
Color 2#FFD8BE
·
Color 3#FFEEC3
·
Color 4#FFFAF0
·
Color 5#F0E0D6
·

Accessibility

Contrast checker

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

Similar palettes

More like Sunset Peach Haze

View all warm