Maraschino
#ff2600
Tangy crimson-orange accent for punchy alerts and icons
About Maraschino
Maraschino looks like a glossy red-orange sticker on a control panel, not a flare. It's less fiery than Carolina Reaper, and it doesn't sink into the darker burn mood of Boiling Magma. The orange undertone stays present, but the tone is pulled toward ripe, punchy red instead of candy sweetness.
I reach for this when the UI needs urgency without going fully heat-map. Think dashboards in logistics and retail ops, maintenance consoles, and admin screens where issues must pop but still feel controlled. Compared to Furious Red, Maraschino holds onto more orange character, so it reads a touch warmer than pure red and feels closer to "notice" than "panic."
Quirk: it can feel slightly heavy next to bright oranges, so if you're building a status palette, give it room with neutral grays and crisp whites.
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.