Think Pink
#e5a5c1
Cooler, milky pink for airy, sidebar highlights
About Think Pink
Think Pink is the kind of light bubblegum shade you notice right away on a layout proof, because it sits between "airy" and "makeup-ready." Compared to Little Princess, it's not as skin-toned and it has a cleaner, rosier presence. Compared with Elastic Pink, it gives up some of that creamy depth, so it doesn't read as surface-flat and saturated. And next to Rose Elegance, it feels more lifted and less pressed-petal, with a fresher, sweeter air.
I usually reach for it when the background needs to feel cheerful without turning into candy. Great for wellness and beauty booking surfaces, like step-card panels, micro-confirmation banners, and lightly tinted form sections where you want a Red-family signal that stays calm in motion. It also works well behind selection states on mobile health and retail appointment pages, especially when the rest of the screen is mostly white or very light cream.
Quirk: because it's bright, it can look a little too "girly" if your typography is equally pale. I like pairing it with deeper rose text or warm grays so the hierarchy holds.
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.