Rosé
#f7746b
Muted rosé-coral, cooler and more restrained than salmon
About Rosé
Rosé looks like a soft rosiness that's been tuned toward orange rather than pink. It's noticeably lighter than the salmon-leaning option, and it doesn't carry that peach-slice calm of Georgia Peach. Against a white canvas, it reads light and airy, with a gentler saturation so it never feels overheated.
I use it when I need that "nice, pay attention" state in dashboards and finance apps, but I don't want the accent to push as hard as Sparkling Cosmo or turn too red like Flirty Salmon. Think status badges in fintech, subtle CTA pills in health and food ordering, and confirmation highlights in creator workflows. It feels warmer than pure white, yet more restrained, so it sits comfortably alongside clean neutrals.
Quirk: because it's so soft, it can disappear next to higher-chroma oranges. Pair it with crisp off-whites or a slightly deeper coral-red nearby to keep hierarchy obvious.
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.
