Potion № 9
#8f3129
Potion-like reddish orange for attention-grabbing accents
About Potion № 9
Potion № 9 looks like a softly scorched terracotta seal on thick paper. It's not as deep red as Ripasso, and it doesn't carry the ember-gloss heat of Sizzling Bacon. The orange in it shows up as a muted, earthy undertone, so it reads more baked clay than tomato stain, even when you glance quickly.
I use it in dashboards and finance apps when you want urgency without tipping toward the brighter orange-red lane those other shades fight for. It also works well in logistics labeling, subscription UI status text, and product detail screens where you want emphasis that feels handled, not boiled up. Compared to Chocolate Lust, Potion № 9 stays lighter and more orange-forward, so it doesn't slide into chocolate-brown authority.
Quirk: on very cool grays it can feel a touch dusty, so pair it with warm neutrals or cream to keep it grounded, not chalky.
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.
