Shiritorier’s Orange
#f19000
Softer, higher saturation orange for headline accents
About Shiritorier’s Orange
This one looks like an orange fruit flesh shade under bright shop lighting: glossy, but buffered. Shiritorier's Orange sits brighter than many "ember" oranges without turning playful like honey. Compared with Elden Ring Orange's looser, open-glow feel, this is more closed-in and more deliberately orange. Against Burning Trail, it's less burnished and less heat-forward, more like a clean coat of color than something lit from within.
I use it when I want the one you reach for emphasis in UI that still reads friendly at a glance. Think food delivery and travel apps for secondary actions, category highlights, and pill badges, plus e-commerce promo tiles where the callout needs to feel decisive but not alarmed. In checkout flows it can be a great swap for deeper oranges when you want more lift and less heaviness.
Pair it with charcoal or warm grays, and mind that on very pale yellows it can start to look "too near" instead of clearly orange. ","family":"Yellow","colorName":"Shiritorier's Orange","hex":"#f19000
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 Shiritorier’s Orange
Open the generator with this color pre-loaded.
Start creating