Tulip
#ff878d
Soft coral pink-orange for gentle, distinct accents
About Tulip
Tulip reads like a softer rose-orange that still has an orange backbone. Walk past it on a screen and it doesn't feel candy-hot like Strawberry Field, and it doesn't flatten into that daylight-light red tone. What you notice is the lighter, more breathable look of the shade, with a gentle pink-leaning undertone that stays tidy instead of going powdery.
I use it when I need UI warmth that feels current but not loud. It's great for onboarding and account flows in hospitality and booking screens, where you want emphasis on step status without that sharper red bite. I'll also drop it into creator tools and ecommerce modules when the surrounding palette is already warm, since it lands lighter and more pink-leaning than your pure red-orange options while still staying readable against soft neutrals.
Quirk: if you pair it with very blush-heavy neighbors, it can drift toward peachy pink. Keep one nearby neutral that leans orange or red so Tulip stays in control.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.