Back to palettes

Palette

Sweet Pea Blush

A tender and gentle collection of pinks and lilacs, reminiscent of sweet pea blossoms.

pastelelegant5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweet Pea Blush 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 Sweet Pea Blush.

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

Data visualization

#FFD1DC#FFC0CB#FFB6C1#E6E6FA#FFF0F5

Palette guide

How to use Sweet Pea Blush

Overview

The "Sweet Pea Blush" palette offers a tender and gentle collection of pinks and lilacs, reminiscent of sweet pea blossoms. This elegantly soft palette features a delicate light pink (#FFD1DC), a classic pastel pink (#FFC0CB), a slightly deeper blush pink (#FFB6C1), a serene lavender (#E6E6FA), and a creamy off-white (#FFF0F5). It’s ideal for designers and developers seeking to create sophisticated, feminine, and comforting designs. The harmonious blend of these soft hues provides a versatile foundation for branding, wedding themes, or UI elements that benefit from an understated, romantic, and elegant aesthetic, evoking spring's gentle charm.

Best used for

  • Wedding stationery and event planning
  • Beauty and cosmetic brand packaging
  • Feminine fashion or lifestyle blogs
  • Baby apparel and nursery decor
  • Spa and wellness digital interfaces
  • Floral design and photography portfolios

Suggested color roles

primary

A classic pastel pink (#FFC0CB), ideal for main branding elements, hero sections, or prominent features that need to convey tenderness and elegance.

secondary

A serene lavender (#E6E6FA), excellent for balancing the pinks, providing a calm and sophisticated secondary color for navigation or content blocks.

accent

A slightly deeper blush pink (#FFB6C1), perfect for subtle accents, call-to-action buttons, or small details that need a touch more presence without being bold.

background

A creamy off-white (#FFF0F5), offering an exceptionally clean and soft canvas that allows the delicate pinks and lilac to shine, maintaining an airy feel.

text

For optimal readability, use a dark charcoal like #333333 or black for body text, ensuring strong contrast against these light pastel backgrounds.

Accessibility notes

  • Ensure very strong contrast for all text against the light backgrounds; dark charcoal or black is recommended for body copy to meet WCAG standards.
  • Avoid using any of the palette's colors for body text; they are too light to provide sufficient contrast against each other or white backgrounds.
  • Interactive elements should have clear visual indicators beyond color alone, such as underlines for links or subtle shadows for buttons.
  • For large headings, a slightly darker shade (if available) could work, but prioritize contrast for all text, especially smaller fonts.

Recommended combinations

Blush Harmony

Ideal for creating soft, gradient-like backgrounds, elegant branding, or product displays that exude warmth and romanticism.

#FFD1DC · #FFC0CB · #FFB6C1

Spring Lilac

Excellent for serene backgrounds, inviting UI elements, or content blocks that require a gentle, calming, and airy feel with a touch of purple.

#FFF0F5 · #E6E6FA · #FFD1DC

Soft Petals

Best for sophisticated wedding invitations, beauty product themes, or designs needing an understated, natural, and elegant touch.

#FFC0CB · #E6E6FA · #FFF0F5

CSS variables

:root {
  --sweet-pea-blush-1: #FFD1DC;
  --sweet-pea-blush-2: #FFC0CB;
  --sweet-pea-blush-3: #FFB6C1;
  --sweet-pea-blush-4: #E6E6FA;
  --sweet-pea-blush-5: #FFF0F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-pea-blush": {
        1: "#FFD1DC",
        2: "#FFC0CB",
        3: "#FFB6C1",
        4: "#E6E6FA",
        5: "#FFF0F5",
      }
    }
  }
}

Related searches

sweet pea flower colorsblush pink lilac palettesoft feminine pastelselegant spring colorsromantic light hues

Palette colors

Hex values

Color 1#FFD1DC
·
Color 2#FFC0CB
·
Color 3#FFB6C1
·
Color 4#E6E6FA
·
Color 5#FFF0F5
·

Accessibility

Contrast checker

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

Similar palettes

More like Sweet Pea Blush

View all pastel
Sakura Blossom Petals
Blush Silk Drape
Cherry Blossom Serenade
Cherry Grove Blush
Faded Floral Keepsake
Orchid Bloom Serene