Thunderbird

#923830

Moody, brown-tinged brick red for sidebar depth

Save
Share

About Thunderbird

Thunderbird looks like a burnished burnt-umber orange that's been pulled away from tomato and cherry. It's darker than the usual bright orange, but it doesn't drift all the way into chocolate brown. Compared to , it feels less cleanly red and more brown-red under the surface. Compared to , it's tighter and less ember-splashed, more like a single pressed tone. Versus Ketchup, it's a touch more muted and less "rusty-spiced," so the orange stays present without turning flat.

I reach for it when the UI needs urgency with a steadier, grounded mood: dashboards and finance apps for risk and status labels that shouldn't shout. It's also great in logistics portals for override states and in ecommerce admin screens for editorial callouts where you want attention but not that glossy "hot now" feel.

Quirk: on very light UIs it can read a bit heavier and browner than you expect, so pair it with warm neutrals or darker grays instead of pale creams.

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
7.42:1AAA

On Gray 100 #f5f5f5

Aa
6.81:1AAAAA Large

On Gray 900 #18181b

Aa
2.39:1Fail

On Black #000000

Aa
2.83:1Fail

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

#94312f
#9a382d
#8f3f2a
#932a25

Create a gradient with Thunderbird

Open the generator with this color pre-loaded.

Start creating