Grilled Tomato

#af3519

Toasty tomato orange-red for sharper, less muted heat

Save
Share

About Grilled Tomato

I keep coming back to Grilled Tomato because it looks like color on the verge of caramelizing. Compared to 's grounded clay and '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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
6.28:1AAAAA Large

On Gray 100 #f5f5f5

Aa
5.76:1AAAAA Large

On Gray 900 #18181b

Aa
2.82:1Fail

On Black #000000

Aa
3.35:1FailAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Grilled Tomato

Open the generator with this color pre-loaded.

Start creating