Palette

Raspberry Cloud Kiss

A luscious blend of raspberry pinks and soft blush tones, like a dessert kissed by a gentle cloud.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Raspberry Cloud 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 Raspberry Cloud Kiss.

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

Data visualization

#D94665#E5738E#F2A1B7#FDE6ED#B22040

Palette guide

How to use Raspberry Cloud Kiss

Overview

The Raspberry Cloud Kiss palette is a delightful and luscious collection of raspberry pinks and soft blush tones, evoking a sense of sweet delicacy and playful charm. Anchored by the rich, deep #B22040, it blossoms into vibrant hues like #D94665 and softer pastels such as #E5738E and #F2A1B7, culminating in the ethereal #FDE6ED. This palette is perfect for designs that aim to be inviting, feminine, and joyful. Designers and developers can leverage its warmth and softness for branding, websites, or applications targeting a youthful audience, or for projects that require a touch of romance and lighthearted elegance.

Best used for

Bakery and confectionery branding
Beauty and cosmetic websites
Children's product design
Wedding and event invitations
Fashion blogs and e-commerce
Feminine lifestyle apps

Suggested color roles

primary

#B22040 - A deep, rich raspberry red, providing a strong, luxurious anchor for branding or bold headlines.

secondary

#D94665 - A vibrant, energetic raspberry pink, excellent for calls-to-action, interactive elements, or key visual highlights.

accent

#E5738E - A softer, blush pink that adds a delicate touch, ideal for hover states, subtle graphics, or secondary information.

background

#FDE6ED - A very light, almost white, cloud-like pink, creating an airy, soft, and inviting canvas.

text

#B22040 - This deep raspberry offers excellent contrast and readability on lighter backgrounds like #FDE6ED, perfect for a cohesive look.

Accessibility notes

Ensure sufficient contrast when using lighter tones like #F2A1B7 for text on #FDE6ED; it will require larger text sizes.
#B22040 provides strong, accessible contrast for text on #FDE6ED.
Avoid using #E5738E as text on #F2A1B7 without careful contrast checking for readability.
For critical information, always pair the darkest color with the lightest for optimal readability.

Recommended combinations

Sweet Contrast

Creates a vibrant, yet delicate visual hierarchy, perfect for impactful headlines and soft backgrounds.

#B22040 · #FDE6ED · #D94665

Blush Gradient

Ideal for smooth, feminine gradients or layered elements that require a soft, continuous flow.

#D94665 · #E5738E · #F2A1B7

Playful Pop

Uses a deep base with lighter accents for buttons, interactive elements, or charming graphic details.

#B22040 · #F2A1B7 · #E5738E

CSS variables

:root {
  --raspberry-cloud-kiss-1: #D94665;
  --raspberry-cloud-kiss-2: #E5738E;
  --raspberry-cloud-kiss-3: #F2A1B7;
  --raspberry-cloud-kiss-4: #FDE6ED;
  --raspberry-cloud-kiss-5: #B22040;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "raspberry-cloud-kiss": {
        1: "#D94665",
        2: "#E5738E",
        3: "#F2A1B7",
        4: "#FDE6ED",
        5: "#B22040",
      }
    }
  }
}

Hex values

Color 1#D94665

Color 2#E5738E

Color 3#F2A1B7

Color 4#FDE6ED

Color 5#B22040

Accessibility

Contrast checker

1.4:1Fail

2.1:1Fail

3.5:1AA18

1.6:1Fail

1.4:1Fail

1.5:1Fail

2.5:1Fail

2.3:1Fail

2.1:1Fail

1.5:1Fail

1.7:1Fail

3.3:1AA18

3.5:1AA18

2.5:1Fail

1.7:1Fail

5.6:1AA

1.6:1Fail

2.3:1Fail

3.3:1AA18

5.6:1AA

Similar palettes

More like Raspberry Cloud Kiss

View all pastel

Cotton Candy Dream

Dewdrop Berry Sparkle

Frosted Berry Crumble

Macaron Tower Blush

Orchid Dewdrop Pink

Pastel Bubblegum Pop