Vermilion Scarlet
#d1062b
Orange-leaning scarlet for primary, noncritical emphasis
About Vermilion Scarlet
I keep thinking of vermilion paint on a fresh stamp: bright, but not pushy, with a clean orange-red bite that reads different from the usual warning red. Vermilion Scarlet is noticeably more orange-leaning than Cherry, yet it doesn't go as deep and bruise-soft as Dangerous Affair, and it's sharper and more composed than Blood Orange's heavier appetite tint.
It's the kind of shade I grab when the UI needs urgency that still feels engineered, not decorative. Go for dashboards and finance apps-style headings, transaction states, and "must-act" microcopy where you want a confident signal without the magenta edge. It also holds up in food labels when you need heat that stays readable on white and doesn't drift into neon. On dark layouts, it stays crisp as long as the surrounding grays aren't lifeless.
Pair it with cream, charcoal, or cool slate to keep that orange-red clarity locked in.
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.
Similar colors
Create a gradient with Vermilion Scarlet
Open the generator with this color pre-loaded.
Start creating