Titian Red
#bd5620
Deeper Titian red-orange for bold, clay-lit accents
About Titian Red
Titian Red looks like a polished terracotta brick that's been rubbed with iron and then caught in warm late-day light. It's notably redder than Roland-Garros, so it doesn't feel clay-clean or halfway to chili. Compared with Dark Orange, it holds onto a brighter, more lifted orange glow instead of sinking into mug-deep earth. And versus Red Panda, it stays more saturated and more substantial, without drifting back toward the drier, pencil-mark warmth.
For real UI work, this is the shade I pick when the orange needs to read as confident and material, not heavy or alarm-adjacent. It shows up nicely in brand marks, product labels, and retail category chips over cream and pale stone. It also works hard in sports and commerce contexts, especially badges, tags, and headline callouts where you want warmth with a stronger red undertone and a steadier visual weight.
Quick quirk: on very pale backgrounds it can feel bold at first glance, so test it next to your deeper oranges to confirm it doesn't overpower the hierarchy.
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.