Piggy

#ef98aa

Light peachy pink for softer, airy contrast

Save
Share

About Piggy

Piggy is the pink you notice when a rose-tinted UI overlay looks soft, not syrupy. At a glance it reads more light and gentle than the denser picks in this family, and compared to it's less creamy. feels warmer and punchier, while Piggy stays more even and a touch cooler in its undertone, so it doesn't lean into that "hot pink-red" energy.

I treat Piggy like the quieter relative of the bolder roses: it works where you need a supportive highlight that still feels crisp, not washed out. dashboards and finance-style UIs are where it earns its keep, especially in card headers, selected states, and pill badges for portals, scheduling products, and admin screens. It also plays nicely in beauty and wellness flows when the background is cream or warm neutral and you still want the accent to look clean.

One practical note: because it's moderately saturated and not as rose-candy as the neighbors, it's best against off-whites and warm grays rather than icy whites, where it can lose a little definition.

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
2.16:1Fail

On Gray 100 #f5f5f5

Aa
1.98:1Fail

On Gray 900 #18181b

Aa
8.22:1AAA

On Black #000000

Aa
9.74: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.

Create a gradient with Piggy

Open the generator with this color pre-loaded.

Start creating