Wine & Roses
#a33540
Deeper wine-rose for focused highlights, cooler than nearby reds
About Wine & Roses
Wine & Roses looks like a deep rose-red stain pulled slightly toward orange, but it doesn't go the brickier or clay-shadow route. Compared to Radish and Kabuki, it's less fresh and punchy, more saturated and settled. Versus Roses Are Red, it feels warmer and a touch more toned, with less of that cooler, inked weight.
I like it for dashboards and finance apps when you want emphasis that reads "serious" without turning into Radish-level brightness or Kabuki's lacquer-pop. Use it for payment states, contract alerts, and media lower-thirds where you need a strong callout that still matches orange-family UI accents. It's also my go-to for e-commerce promotions that need a premium red that won't feel like a warning banner.
Quirk: on very pale panels it can lean a little purplish at the edges, so keep nearby text neutral and give it a clean border to stop it from looking smudged. Pairing-wise, it works well with cream, soft charcoal, and muted greiges to keep the undertone grounded.
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.