Back to palettes

Palette

Peach Sunset Dream

Soft, ethereal peachy-pinks reflecting the gentle, hazy glow of a warm sunset dream.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD8D8#FFB8B8#FF9999#FF7A7A#FFEAEA

Palette guide

How to use Peach Sunset Dream

Overview

The Peach Sunset Dream palette encapsulates the ethereal glow of a warm, hazy sunset with its soft, romantic peachy-pinks. Starting with the delicate #FFD8D8 and #FFB8B8, it sets a tender and inviting tone. The palette deepens with #FF9999 and the slightly more vibrant #FF7A7A, reminiscent of a sunset's deepening hues. A very light #FFEAEA provides an almost white counterpoint, ensuring an airy feel. This collection is perfect for designers seeking to evoke feelings of calm, romance, and gentle warmth, ideal for projects that require a dreamy, soft, and comforting visual aesthetic, without being overly intense.

Best used for

  • Romantic wedding themes and invitations
  • Beauty and cosmetic product branding
  • Relaxation and mindfulness app interfaces
  • Feminine fashion and lifestyle blogs
  • Dreamy photography filters or backdrops
  • Soft interior decor inspiration

Suggested color roles

primary

Use #FFD8D8 as a soft, dreamy background, setting a gentle and romantic mood.

secondary

Apply #FFB8B8 for supportive elements, cards, or subtle gradients, maintaining softness.

accent

Utilize #FF9999 or #FF7A7A for gentle calls-to-action, highlights, or illustrative details.

background

The lightest #FFEAEA is perfect for airy, almost white backgrounds, enhancing the ethereal quality.

text

A deep maroon or charcoal (e.g., #6B3A3A) on lighter shades, and white text on #FF7A7A for good contrast.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using the lightest shades like #FFD8D8 or #FFEAEA as backgrounds.
  • Darker text (e.g., black or dark gray) is essential for readability on most palette colors.
  • White text may be suitable on #FF9999 and #FF7A7A, but always verify WCAG compliance.
  • Avoid using light gray text on similar light pink backgrounds to prevent legibility issues.

Recommended combinations

Sunset Haze

A soft, layered background effect, ideal for serene and spacious layouts.

#FFEAEA · #FFD8D8 · #FFB8B8

Dreamy Glow

Creates a beautiful progression, perfect for headers, banners, or visual storytelling.

#FFB8B8 · #FF9999 · #FF7A7A

Soft Contrast

A soft primary, a gentle accent, and a very light background for harmonious design.

#FFD8D8 · #FF7A7A · #FFEAEA

CSS variables

:root {
  --peach-sunset-dream-1: #FFD8D8;
  --peach-sunset-dream-2: #FFB8B8;
  --peach-sunset-dream-3: #FF9999;
  --peach-sunset-dream-4: #FF7A7A;
  --peach-sunset-dream-5: #FFEAEA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "peach-sunset-dream": {
        1: "#FFD8D8",
        2: "#FFB8B8",
        3: "#FF9999",
        4: "#FF7A7A",
        5: "#FFEAEA",
      }
    }
  }
}

Related searches

peach pink sunset palettedreamy soft colorsromantic pastel hex codescalming pink orange schemeethereal design palette

Palette colors

Hex values

Color 1#FFD8D8
·
Color 2#FFB8B8
·
Color 3#FF9999
·
Color 4#FF7A7A
·
Color 5#FFEAEA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
1.9:1Fail
1.1:1Fail
2
1.3:1Fail
1.2:1Fail
1.5:1Fail
1.4:1Fail
3
1.6:1Fail
1.2:1Fail
1.2:1Fail
1.8:1Fail
4
1.9:1Fail
1.5:1Fail
1.2:1Fail
2.2:1Fail
5
1.1:1Fail
1.4:1Fail
1.8:1Fail
2.2:1Fail

Similar palettes

More like Peach Sunset Dream

View all pastel
Aquatic Coral Dance
Celestial Blush
Celestial Dawn Chorus
Dreamy Pastel Sunset
Enchanted Bloom Petals
Pastel Galaxy Dream