Sweetly

#ffe5ef

Very light sweet rose blush for warm headers

Save
Share

About Sweetly

Sweetly reads like a lipstick-sheen tint laid over cream, not like a baked pastel. On screen it's soft and marshmallow-light, but the pink stays clearly pink, so it never slips into near-skin blush the way can.

Compared with , it feels less "cheesecake baked" and more airy, like the color comes from the surface glaze. And beside , Sweetly is a touch less drink-warm and slightly more delicate in saturation, so it looks calmer and less swirly.

I use Sweetly as the one you reach for when you need a friendly pink highlight that still looks intentional in UI, especially for e-commerce promos, hospitality badges, and skincare/beauty booking confirmations. It also holds up well in headers for paywalls and subscription flows when you want "sweet" without drifting toward off-white. Pair it with soft creams or warm neutrals, and keep borders a touch defined so it doesn't flatten into neighboring light tones.

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.19:1Fail

On Gray 100 #f5f5f5

Aa
1.09:1Fail

On Gray 900 #18181b

Aa
14.94:1AAA

On Black #000000

Aa
17.71: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 Sweetly

Open the generator with this color pre-loaded.

Start creating