Back to palettes

Palette

Dreamy Pastel Sunset

An ethereal blend of soft pinks, yellows, and blues, like a gentle pastel sunset painting the sky.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dreamy Pastel Sunset 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 Dreamy Pastel Sunset.

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

Data visualization

#FFB6C1#FFDAB9#F0E68C#ADD8E6#E6E6FA

Palette guide

How to use Dreamy Pastel Sunset

Overview

The "Dreamy Pastel Sunset" palette is an ethereal blend of soft pinks, yellows, and blues, reminiscent of a gentle pastel sunset painting the sky. Featuring delicate hues like #FFB6C1 (pink), #FFDAB9 (peach), #F0E68C (light yellow), #ADD8E6 (sky blue), and #E6E6FA (lavender mist), this collection is perfect for designers and developers aiming to evoke feelings of calm, romance, and whimsical beauty. Its harmonious and light-filled nature makes it versatile for creating inviting digital experiences, charming branding, or soothing visual content that captures the magic of twilight.

Best used for

  • Children's book illustrations and branding
  • Romantic greeting cards or wedding themes
  • Summer fashion lookbooks and websites
  • Blog headers and social media graphics
  • Relaxation and mindfulness app interfaces
  • Lighthearted e-commerce platforms

Suggested color roles

primary

Utilize #FFDAB9 as a warm, inviting primary color for backgrounds or large sections, providing a friendly and soft foundation.

secondary

Apply #ADD8E6 for supportive elements, UI components, or to introduce a calming, cool balance to the warmer tones.

accent

Reserve #FFB6C1 for gentle accents, highlights, or interactive elements where a touch of soft romance is desired.

background

Employ #E6E6FA as the lightest, most ethereal background color, perfect for creating an open, airy, and dreamy atmosphere.

text

For optimal readability, use a dark charcoal or black text. Avoid light text on any of these pastel backgrounds.

Accessibility notes

  • Ensure all text, especially body copy, uses a dark color (e.g., black or dark gray) to provide sufficient contrast against these light pastels.
  • Be particularly mindful when placing text on #F0E68C or #E6E6FA; contrast will be minimal with light-colored text.
  • For interactive elements, ensure they have clear visual cues beyond color, as some pastel combinations might lack strong contrast.
  • Consider using larger font sizes or bolding for headings to improve readability when using mid-tone text colors.

Recommended combinations

Sunset Glow

Ideal for creating warm, inviting gradients, header sections, or graphical elements that evoke a gentle sunset.

#FFDAB9 · #FFB6C1 · #F0E68C

Sky Horizon

Perfect for designs that require a blend of sky and soft earth tones, like website footers or subtle background patterns.

#E6E6FA · #ADD8E6 · #FFDAB9

Soft Contrast

Use this for clean, modern layouts where a subtle, refreshing contrast is desired without being overly bold.

#E6E6FA · #F0E68C · #ADD8E6

CSS variables

:root {
  --dreamy-pastel-sunset-1: #FFB6C1;
  --dreamy-pastel-sunset-2: #FFDAB9;
  --dreamy-pastel-sunset-3: #F0E68C;
  --dreamy-pastel-sunset-4: #ADD8E6;
  --dreamy-pastel-sunset-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dreamy-pastel-sunset": {
        1: "#FFB6C1",
        2: "#FFDAB9",
        3: "#F0E68C",
        4: "#ADD8E6",
        5: "#E6E6FA",
      }
    }
  }
}

Related searches

pastel sunset colorsdreamy sky palettesoft romantic hueslight pink yellow blueserene design palette

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#FFDAB9
·
Color 3#F0E68C
·
Color 4#ADD8E6
·
Color 5#E6E6FA
·

Accessibility

Contrast checker

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

Similar palettes

More like Dreamy Pastel Sunset

View all pastel
Dreamy Cloudscape Haze
Celestial Blush
Cloud Blossom Breeze
Cloud Dream Whisper
Cloud Puff Dream
Cloud Shimmer Dawn