Back to palettes

Palette

Blossom Blush Breeze

A gentle cascade of soft pinks and purples, like a sweet, fragrant garden breeze.

PastelCalm5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Blossom Blush Breeze 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 Blossom Blush Breeze.

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

Data visualization

#F0D9E7#DBC0D8#C4A7CF#E3C4E5#F5E8FA

Palette guide

How to use Blossom Blush Breeze

Overview

The Blossom Blush Breeze palette offers a gentle cascade of soft pinks and purples, like a sweet, fragrant garden breeze. Ranging from light #F5E8FA to deeper #C4A7CF, with intermediate shades like #F0D9E7, #DBC0D8, and #E3C4E5, this pastel collection exudes romance, delicacy, and tranquility. It's an exceptional choice for designers aiming to create serene, feminine, and inviting visuals. The harmonious blend of blush tones makes it ideal for projects that require a soft, ethereal, and effortlessly beautiful visual language, reminiscent of a spring garden at dawn.

Best used for

  • Romantic wedding themes and stationery
  • Feminine branding and beauty products
  • Delicate floral designs and illustrations
  • Soft digital art and photography
  • Spa and wellness retreat branding
  • Serene blog designs and lifestyle content

Suggested color roles

primary

Use #C4A7CF as a soft, grounding purple for main structural elements, symbolizing elegance and calm.

secondary

Employ #DBC0D8 for prominent headings or key visual components, representing a delicate pink-purple hue.

accent

Apply #F0D9E7 for airy, ethereal highlights, subtle typography, or decorative elements, adding a gentle touch.

background

Choose #F5E8FA or #F0D9E7 for a light, romantic canvas, creating an expansive and inviting user experience.

text

Dark purple or charcoal provides excellent readability on light backgrounds. White text can work on #C4A7CF.

Accessibility notes

  • Crucially, ensure text has sufficient contrast against these light, pastel backgrounds; darker purples or charcoals are essential.
  • Check readability of #DBC0D8 on #E3C4E5 if used together; ensure sufficient color difference for clarity.
  • Avoid using light text on light backgrounds; always test contrast ratios for all text sizes.
  • Clearly define interactive elements with distinct color changes or outlines, as subtle differences may be hard to discern.

Recommended combinations

Gentle Whisper

Creates a soft, airy gradient, ideal for gentle backgrounds or calming UI elements.

#F5E8FA · #F0D9E7 · #E3C4E5

Blush Bloom

Offers delicate layering, perfect for simulating floral textures or providing visual structure.

#C4A7CF · #DBC0D8 · #F0D9E7

Romantic Hues

Provides a subtle contrast for content, combining light pinks and purples for an elegant feel.

#F0D9E7 · #C4A7CF · #E3C4E5

CSS variables

:root {
  --blossom-blush-breeze-1: #F0D9E7;
  --blossom-blush-breeze-2: #DBC0D8;
  --blossom-blush-breeze-3: #C4A7CF;
  --blossom-blush-breeze-4: #E3C4E5;
  --blossom-blush-breeze-5: #F5E8FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "blossom-blush-breeze": {
        1: "#F0D9E7",
        2: "#DBC0D8",
        3: "#C4A7CF",
        4: "#E3C4E5",
        5: "#F5E8FA",
      }
    }
  }
}

Related searches

pastel pink purple palettesoft floral colorsromantic blush themedelicate garden designserene feminine tones

Palette colors

Hex values

Color 1#F0D9E7
·
Color 2#DBC0D8
·
Color 3#C4A7CF
·
Color 4#E3C4E5
·
Color 5#F5E8FA
·

Accessibility

Contrast checker

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

Similar palettes

More like Blossom Blush Breeze

View all Pastel
Aqua Blossom Dream
Garden Rose Hues
Sakura Petal Whisper
Cherry Blossom
Cloud Kissed Lavender
Cloud Veil Dream