Holy Cannoli
#db783e
Citrusy orange-yellow for energetic accents, not burnt
About Holy Cannoli
Holy Cannoli reads like a bright tangerine cookie glaze under warm lights. It's clearly in the yellow-orange family, but the undertone stays crisp and golden instead of tipping red like Jaffa or going cooked-brown like Brown Sugar Glaze. Compared to 24 Carrot, it holds onto a rounder, softer brightness, with less clay-fire edge and more "fresh off the tray" warmth.
I treat this as the highlight shade that still feels friendly, the one I reach for when a UI needs momentum without that extra punchiness. It works in food and beverage brand systems, promo banners, and checkout CTAs where you want the eye to land quickly, not burn. Use it for step indicators, pricing chips, and hero accents over clean light layouts, especially when you want it to feel sunnier than the amber families.
Pair it with cream or light sand. Against deep charcoal it looks great, but if the surrounding oranges drift toward redder tones, Holy Cannoli can seem slightly more yellow than you expected.
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.
