Palette

Pink Blossom Dusk

A dreamy transition of soft pinks and purples, mirroring the gentle beauty of blossoms against a fading evening sky.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pink Blossom Dusk 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 Pink Blossom Dusk.

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

Data visualization

#FFB6C1#F08080#DDA0DD#B0C4DE#87CEEB

Palette guide

How to use Pink Blossom Dusk

Overview

The Pink Blossom Dusk palette offers a dreamy, soft transition of colors, mirroring the gentle beauty of blossoms against a fading evening sky. It features delicate pinks like #FFB6C1 (Light Pink) and a slightly deeper #F08080 (Light Coral), evoking blooming flowers. These are elegantly paired with the romantic purple of #DDA0DD (Plum) and serene blues: #B0C4DE (Light Steel Blue) and #87CEEB (Sky Blue). This combination creates a harmonious, calming, and ethereal atmosphere, perfect for designs that aim for softness, romance, and a touch of wistful elegance.

Best used for

Wedding invitations and decor
Baby product branding
Spa and beauty salon websites
Romantic novel covers
Spring fashion collections
Soft home decor inspiration

Suggested color roles

primary

Use #B0C4DE (Light Steel Blue) as a calming and stable base for backgrounds or larger sections, offering a sense of serenity.

secondary

Employ #FFB6C1 (Light Pink) for headings, prominent graphic elements, or calls-to-action to introduce a gentle warmth.

accent

Apply #DDA0DD (Plum) sparingly for decorative flourishes, icons, or important highlights to add a touch of romantic depth.

background

A very light cream or a soft, pale grey provides a neutral, airy canvas that allows the pastel colors to shine.

text

For darker elements, a deep charcoal or navy provides good contrast. For lighter backgrounds, a soft grey or #B0C4DE works for body text, with #DDA0DD for headings.

Accessibility notes

Many pastel pairings will have insufficient contrast for text; prioritize readability with darker text colors.
#FFB6C1 and #F08080 against #B0C4DE or #87CEEB might not pass contrast for small text.
Use a contrast checker diligently, especially for interactive elements and critical information.
Ensure text on light backgrounds is dark enough, perhaps a charcoal or a darker shade of blue/purple not in the palette, like a deep navy.

Recommended combinations

Dusk Harmony

For main content blocks, balancing soft blues with romantic pinks and purples.

#B0C4DE · #FFB6C1 · #DDA0DD

Blossom Glow

Ideal for illustrations, decorative borders, or to highlight secondary information.

#F08080 · #87CEEB · #FFB6C1

Serene Sky

Use for backgrounds, subtle gradients, or to establish a calming mood in larger areas.

#87CEEB · #B0C4DE · #DDA0DD

CSS variables

:root {
  --pink-blossom-dusk-1: #FFB6C1;
  --pink-blossom-dusk-2: #F08080;
  --pink-blossom-dusk-3: #DDA0DD;
  --pink-blossom-dusk-4: #B0C4DE;
  --pink-blossom-dusk-5: #87CEEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pink-blossom-dusk": {
        1: "#FFB6C1",
        2: "#F08080",
        3: "#DDA0DD",
        4: "#B0C4DE",
        5: "#87CEEB",
      }
    }
  }
}

Hex values

Color 1#FFB6C1

Color 2#F08080

Color 3#DDA0DD

Color 4#B0C4DE

Color 5#87CEEB

Accessibility

Contrast checker

1.6:1Fail

1.3:1Fail

1.1:1Fail

1.6:1Fail

1.3:1Fail

1.5:1Fail

1.3:1Fail

1.2:1Fail

1.1:1Fail

1.5:1Fail

1.2:1Fail

1:1Fail

1.1:1Fail

1.5:1Fail

1.2:1Fail

1:1Fail

Similar palettes

More like Pink Blossom Dusk

Pink Blossom Dusk

See it in context.

Ready when you are.

Built with Pink Blossom Dusk.

How to use Pink Blossom Dusk

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Dusk Harmony

Blossom Glow

Serene Sky

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Pink Blossom Dusk