Scarlet Splendour
#cc0c1b
Deeper scarlet-orange for urgent highlights, less rosy
About Scarlet Splendour
On my screen, Scarlet Splendour looks like a vivid fabric red that's been pulled slightly toward ember. It's not the laser-clean punch of Love Goddess, and it doesn't carry Fierce Red's harder, more linear urgency. Compared with Hypnotic Red, it stays lighter and more energized, with a richer orange warmth that never turns citrusy.
I use Scarlet Splendour as the one you reach for when you want "hot" emphasis without drifting into stop-sign flatness. Think checkout and subscription funnels, product tiles on ecommerce, and promo badges for beauty and streetwear where you need attention that still feels branded, not regulatory. It also holds up in motion UI for health and fitness apps, especially when the background is charcoal or clean cream.
Caution: next to orange-leaning reds, it reads more deliberate and saturated; with rusty browns, it can get a little smoky. Keep your supporting neutrals warm or your grays cool so the undertone stays 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.
Similar colors
Create a gradient with Scarlet Splendour
Open the generator with this color pre-loaded.
Start creating