Sweetheart

#f3c3d8

Soft bubblegum rose for gentle, airy accents

Save
Share

About Sweetheart

Sweetheart reads like a pale, candy-rose smear that's already been softened by daylight. It's clearly pink, but it doesn't float as airy as , and it doesn't skew more peachy like . Compared to LA Vibes, it feels a touch more lifted and even, less dusk-misted and more straightforwardly rosy.

I use Sweetheart for UI moments that need comfort without turning into a blushy whisper. It's great for skincare onboarding, wellness cards, and beauty app secondary actions where you want that "friendly red-family" warmth. Think quiet highlights, chip backgrounds, and gentle pressed/hover states on mobile screens. If you're building soft packaging mockups, it also holds up better than the lighter neighbors when you want the pink to show up as a choice, not a tint.

Quick heads-up: on very light creams it can look slightly washed, so pair it with warmer neutrals or deepen with a richer red or berry for contrast.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.54:1Fail

On Gray 100 #f5f5f5

Aa
1.42:1Fail

On Gray 900 #18181b

Aa
11.48:1AAA

On Black #000000

Aa
13.61:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Sweetheart

Open the generator with this color pre-loaded.

Start creating