Loveland
#e6718d
Light rose-red highlight, cooler than Raspberry Mousse
About Loveland
Loveland looks like a confident red-pink that's been filtered through soft morning light. It's not as coral-leaning or grounded as Coral Paradise, and it doesn't drift toward the more cautious, daylight-soft feel of Embarrassed. Compared with I Love You Pink, it holds onto a stronger red core, with less airy lift and more "stay with me" presence.
For UI, I like it as the one you reach for when a highlight needs to feel friendly without slipping into blush territory. Think dashboards and finance apps for primary action buttons, selected states, and pill badges, plus fintech onboarding where you want momentum that still reads human. It also works well in patient-facing flows and retail subscription screens for confirmation chips and inline emphasis, especially where other reds feel too hot or too sharp.
One quirk: on very pale backgrounds it can read slightly rosier than you expect, so I usually pair it with crisp neutrals or a cool-gray text stack to keep the undertone clean.
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.