Elastic Pink
#eca6ca
Warm rosy blush with higher clarity for UI
About Elastic Pink
Elastic Pink reads like a fresh, creamy petal color that's been gently tinted, not washed airy. Compared with Fairy Tale, it's noticeably richer and a touch more saturated, so it doesn't fade into a whisper. Versus Fallen Blossoms, it holds a cleaner, less-muted rosy hit, with more "ink" in the shade instead of a subdued, shaded-petal softness. And unlike Cupid's lit-from-inside blush, Elastic Pink feels more surface-flat and composed, with less of that glowing center.
I use Elastic Pink when a UI needs a Red-family background that still looks polished under real light, especially in beauty and skincare card headers, form highlights in onboarding flows, and health portals where selected states should feel encouraging but not makeup-loud. It's also a solid choice for retail appointment screens and wellness app tabs when you want something warmer than pale neutrals without drifting into the dusty range.
Quick quirk: because it's a bit more saturated than the lighter pinks nearby, pair it with cream or warm grays and keep text contrast slightly firmer so the hierarchy doesn't get syrupy.
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.