Grilled Tomato
#af3519
Toasty tomato orange-red for sharper, less muted heat
About Grilled Tomato
I keep coming back to Grilled Tomato because it looks like color on the verge of caramelizing. Compared to Bricky Brick's grounded clay and Crimson Velvet Sunset's deep, luxurious pull, this one sits brighter and cleaner, with more orange left in it. It reads like a toasted fresh slice, not a baked red sauce.
Use it when you want warmth that still feels tactile in motion: product cards for food and kitchen brands, checkout accents, and editorial UI elements like section markers or filter pills. In real estate galleries it makes highlights feel appetizing rather than harsh, and in fitness or lifestyle apps it works as a "go" color without sliding into the alarm territory that more red-leaning oranges can create. It also behaves well on light surfaces, staying noticeable without becoming aggressive.
Pair it carefully with dusty rose or rust tones if you need harmony. Next to cool grays it stays crisp; next to heavy browns it can look a touch smoky, so test your backgrounds early if you're shipping on mid-tones.
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.