Barbecue
#c26157
Smoky burnt terracotta for high-contrast UI blocks
About Barbecue
Barbecue's the color that sits lower in the temperature scale than Campfire, it's got rust and earth undertones instead of that direct-fire brightness. You're looking at something that feels more settled, less like it's actively demanding attention. The saturation's there, but it's wrapped in a quieter red-orange that doesn't read as alert or urgent the way its warmer neighbors do.
This works in editorial layouts, wellness and lifestyle apps, and heritage-focused branding where you need warmth without the jolt. It's solid on primary buttons and section headers where you want presence that feels earned rather than forced. Unlike Blossoming Dynasty's momentum or Campfire's raw energy, Barbecue lands with a kind of restraint, it's confident without being loud. Pair it with cream, warm grays, or muted earth tones and it feels intentional. Against cool or desaturated backgrounds it can flatten a bit, so test early if you're working outside that warm zone.
The real quirk: it's the shade that works when you need orange to feel like it belongs in a room with other people, not commanding it.
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.