Siren Scarlet
#b21d1d
Slightly warmer, medium-dark scarlet for focus blocks
About Siren Scarlet
Siren Scarlet feels like a red that got its focus back. On a button label or a small badge, it reads decisively red-orange, but it doesn't go clay-flat like Brick by Brick, and it doesn't blur into that deeper ember density you see with Scarlet Blaze. It's also cleaner and more forward than Joyous Red, with a slightly more intense, saturated presence that holds its edge without turning heavy.
I use it for bold error-free urgency in product UIs: checkout and cart primary actions, subscription upgrade banners, and live offer callouts on food and beverage e-commerce. It's great on apparel and skincare sites for promo tags and limited-edition counters where you want the one you reach for when the message needs to land fast, not just look warm. Pair it with charcoal or near-black text for crisp hierarchy on light grids, and keep it away from very peach backgrounds where it can drift.
If you're stacking it next to Scarlet Blaze, consider nudging sizes or spacing so this one stays the readable lead, not the supporting note.
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.