Raging Raisin
#aa3333
Deep wine-red orange for decisive, warmer accents
About Raging Raisin
On my screen, Raging Raisin looks like a dark orange-red pulled back from full fire. It's richer and a touch more muted than Desirable, so it doesn't read "clean attention," it reads "purposeful signal." Compared with Kabuki, it loses some of that lacquer brightness and settles into a deeper, berry-toned warmth. And unlike Roses Are Red, it keeps more orange in the undertone, so it feels less inked and wine-leaning.
I use it when the UI needs intensity without crossing into warning territory, especially for status banners in dashboards and finance apps where you want a confident callout rather than a screaming toast. It also works well in media products for lower-third category tags and payment or checkout messaging where the background is fairly neutral and you still want the text chips to feel grounded.
Pair it with charcoal or cool grays to prevent it from going flat, and watch it against pale peach. It can look heavy there, so a slightly darker backdrop helps it stay crisp.
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.