Joyous Red
#ae2719
Richer, hotter red edge for urgent highlights
About Joyous Red
I keep this shade in the same folder as "stop-sign energy," but it doesn't feel like Brick by Brick's clay warmth. Joyous Red lands more sharply in the red lane, with a cleaner, punchier saturation than the flatter Brick look, and it's less confrontational than Blood Rush's almost angry bite. Compared to Crimson Velvet Sunset, it stays brighter and less heavy, so it reads like a flare instead of a deep stain.
Use it where UI actions need to feel energetic without turning hostile: checkout and cart confirmations, e-commerce sale callouts, and shipping or returns flows that should guide rather than alarm. I also like it for brand guidelines in lifestyle, food retail, and consumer apps where you want the one you reach for when a button needs to feel immediate. It holds its own on light backgrounds for product galleries, but on very warm creams it can nudge toward orange and start to lose that crisp red edge.
If you're pairing, try charcoal or cool grays to keep it from drifting, and use darker neutrals as the quiet frame so the red stays the lead.
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.