Back to palettes

Palette

Blossom Dew Kiss

Delicate and fresh, this palette evokes the first light of spring touching tender new blossoms and dew-kissed petals.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Blossom Dew Kiss 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 Dew Kiss.

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

Data visualization

#F2E1E6#E0F2E1#F2F2E0#E1EBF2#D8C4DF

Palette guide

How to use Blossom Dew Kiss

Overview

The Blossom Dew Kiss palette is delicate and fresh, evoking the first light of spring touching tender new blossoms and dew-kissed petals. Featuring subtle pastels like #F2E1E6 (MistyRose), #E0F2E1 (Honeydew), #F2F2E0 (Ivory), #E1EBF2 (AliceBlue), and #D8C4DF, this palette creates a calm, soft, and airy aesthetic. It's an excellent choice for designers aiming to convey a sense of gentle renewal, natural beauty, and peaceful beginnings. The harmonious blend of light pinks, greens, yellows, and blues makes it ideal for projects that require a serene, organic, and effortlessly beautiful visual language, reminiscent of a quiet spring morning.

Best used for

  • Spring event branding and invitations
  • Baby and nursery designs
  • Gentle wellness themes and products
  • Delicate digital art and illustrations
  • Light editorial layouts and stationery
  • Eco-friendly packaging and branding

Suggested color roles

primary

Use #D8C4DF as a soft, grounding pastel purple for main structural elements, providing subtle depth.

secondary

Employ #F2E1E6 for prominent headings or key visual components, representing delicate pink blossoms.

accent

Apply #E0F2E1 for fresh, subtle green highlights, interactive elements, or decorative touches, adding a natural sparkle.

background

Choose #F2F2E0 or #E1EBF2 for a clean, airy canvas, creating an expansive and inviting user experience.

text

A medium gray or charcoal provides excellent readability on these very light backgrounds. #D8C4DF can be used for headings.

Accessibility notes

  • Crucially, ensure text has sufficient contrast against these very light, low-contrast backgrounds; darker neutrals are essential.
  • Avoid using light text on light backgrounds; always test contrast ratios for all text sizes.
  • Use darker neutrals for main body text to ensure legibility.
  • Clearly define interactive elements with distinct color changes or outlines, as subtle differences may be hard to discern.

Recommended combinations

Spring Morning

Creates a soft, natural blend, ideal for gentle backgrounds or calming UI elements.

#F2E1E6 · #E0F2E1 · #F2F2E0

Dewy Petals

Offers delicate floral touches, perfect for simulating petals or providing visual structure.

#E1EBF2 · #D8C4DF · #F2E1E6

Gentle Awakening

Provides a calm, inviting feel for content, combining light yellows, purples, and greens.

#F2F2E0 · #D8C4DF · #E0F2E1

CSS variables

:root {
  --blossom-dew-kiss-1: #F2E1E6;
  --blossom-dew-kiss-2: #E0F2E1;
  --blossom-dew-kiss-3: #F2F2E0;
  --blossom-dew-kiss-4: #E1EBF2;
  --blossom-dew-kiss-5: #D8C4DF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "blossom-dew-kiss": {
        1: "#F2E1E6",
        2: "#E0F2E1",
        3: "#F2F2E0",
        4: "#E1EBF2",
        5: "#D8C4DF",
      }
    }
  }
}

Related searches

soft spring colorspastel dew palettedelicate blossom themefresh light designsubtle nature tones

Palette colors

Hex values

Color 1#F2E1E6
·
Color 2#E0F2E1
·
Color 3#F2F2E0
·
Color 4#E1EBF2
·
Color 5#D8C4DF
·

Accessibility

Contrast checker

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

Similar palettes

More like Blossom Dew Kiss

View all pastel
Cherry Bloom Serenity
Cherry Bloom Whisper
Cherry Blossom Bloom
Cherry Blossom Blush
Cherry Blossom Blush
Cherry Blossom Cloud