Back to palettes

Palette

Spring Bloom Kiss

Soft, delicate pinks and blushes capturing the ephemeral beauty of first spring blossoms.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spring Bloom 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 Spring Bloom Kiss.

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

Data visualization

#FFB6C1#FFE4E1#F08080#FFDEAD#E0BBE4

Palette guide

How to use Spring Bloom Kiss

Overview

The Spring Bloom Kiss palette offers a delicate array of soft, romantic hues perfect for evoking gentleness and charm. Featuring gentle pinks like #FFB6C1 and #FFE4E1, alongside a muted coral #F08080, a warm peach #FFDEAD, and a subtle lilac #E0BBE4, this collection captures the ephemeral beauty of spring's first blossoms. Designers and developers can leverage these colors to create inviting and serene digital interfaces, packaging, or brand identities. The palette's light, airy quality is ideal for projects requiring a touch of softness and elegance, making it versatile for various creative applications.

Best used for

  • Feminine brand identity and logos
  • Bridal and wedding stationery
  • Baby product packaging and websites
  • Beauty and skincare branding
  • Romantic website themes and UI
  • Soft interior design accents

Suggested color roles

primary

Use #FFB6C1 (Carnation Pink) for main elements, imparting a soft, welcoming feel.

secondary

Apply #FFE4E1 (Misty Rose) as a supportive color for backgrounds or secondary graphic elements, enhancing the palette's airy quality.

accent

Introduce #F08080 (Light Coral) for calls-to-action or highlights to add a warm, gentle pop without being overpowering.

background

Utilize #FFE4E1 (Misty Rose) or #FFDEAD (Navajo White) for clean, soft backgrounds that allow other colors to stand out subtly.

text

Pair with a deep charcoal or dark plum for readable text on lighter backgrounds, or use #F08080 for headings on very light shades.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter shades like #FFE4E1 with text; use dark colors for readability.
  • Avoid using light text on mid-tone colors such as #FFB6C1 or #E0BBE4.
  • For body text, a dark neutral like black or charcoal is recommended across all backgrounds.
  • Test color combinations with accessibility checkers to meet WCAG guidelines, especially for interactive elements.

Recommended combinations

Soft Elegance

Ideal for serene backgrounds, delicate illustrations, and soft UI components.

#FFE4E1 · #FFB6C1 · #E0BBE4

Warm Accent

Use for highlights, call-to-action buttons, or subtle graphic elements to draw attention.

#FFDEAD · #F08080 · #FFB6C1

Gentle Harmony

Perfect for creating a balanced, harmonious look in branding or editorial design.

#FFB6C1 · #E0BBE4 · #FFE4E1

CSS variables

:root {
  --spring-bloom-kiss-1: #FFB6C1;
  --spring-bloom-kiss-2: #FFE4E1;
  --spring-bloom-kiss-3: #F08080;
  --spring-bloom-kiss-4: #FFDEAD;
  --spring-bloom-kiss-5: #E0BBE4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-bloom-kiss": {
        1: "#FFB6C1",
        2: "#FFE4E1",
        3: "#F08080",
        4: "#FFDEAD",
        5: "#E0BBE4",
      }
    }
  }
}

Related searches

spring pink palettesoft floral colorsgentle blush tonesromantic color schemepastel spring design

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#FFE4E1
·
Color 3#F08080
·
Color 4#FFDEAD
·
Color 5#E0BBE4
·

Accessibility

Contrast checker

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

Similar palettes

More like Spring Bloom Kiss

View all pastel
Cherry Blossom Bloom
Cherry Blossom Cloud
Gentle Blossom Whisper
Powder Pink Bloom
Sakura Cloud Whisper
Blossom Dew Kiss