Preppy Rose
#d1668f
Lighter, clear rose-red preppy for soft headers
About Preppy Rose
Preppy Rose reads like a polished pink-red swatch that's been lightly sunlit, not washed out. It sits in between the softer blush reds and the more magenta-forward pinks, but its key difference is that it stays clean and decidedly rosy. Compared to Flirty Rose, it's less tight and neon-leaning, more midtone and even. Versus Blush d'Amour, it keeps more presence, so it doesn't drift toward mauve. And next to Kiss Me More, it feels a touch more composed, with less of that coral flirt and more straightforward rose character.
I use it for dashboards and finance apps when you want a primary action or highlight that feels friendly, but not wobbly at small sizes. It's great for loan status chips, medication reminders, and selected-row states in patient portals where the UI needs to look "handled" at a glance. If you're choosing it over the other reds, it's my the one you reach for for controlled warmth without going peach.
Quick note: on very cool gray surfaces it can look slightly lighter than expected, so consider pairing with neutral borders or deeper rose accents for balance.
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.