Shades of Rust

What this tool does

Rust is a deep, earthy reddish-brown with an orange heart, the colour of old iron, autumn leaves, and weathered clay. It feels warm and grounded and a little vintage, which is why it has become so popular, but to build a design around it you need its range, a lighter rust for surfaces and a deeper one for contrast.

That is what this does. You give it a rust, and it builds the whole run of that colour in even steps, each with its HEX, RGB, HSL, and HSV codes ready to copy. Below the tool there is a reference of the named rusts and the surprisingly cosmic story behind the colour.

How to use it

1. Set your rust. The tool starts on a rust and displays its Hex. Pick your own through Change Color or the Color Picker, or paste a hex directly.
2. Pick how many shades. The Color Shades field sets how many appear, ten by default. More steps give a gentler gradient between them.
3. Take the codes. HEX, RGB, HSL, and HSV sit beside each shade, so you grab the format you need.

Rust is a warm, brownish red-orange, so its lighter steps drift toward terracotta and clay, and its darker steps deepen into a rich brown. That earthy warmth runs the length of the range.

How it works

The tool runs on TinyColor, a colour library that works out the lighter and darker versions of a colour without muddying them. It takes your rust, walks it toward white on one side and black on the other, spaces the steps evenly, and writes each one out in the four code formats.

Because rust already mixes red, orange, and brown, its range stays warm and earthy rather than turning bright. The lighter steps soften into terracotta and soft clay, and the darker steps deepen toward a woody, near-chocolate brown, which suits the colour's grounded, natural character.

The colour of oxidised iron

Rust is named after exactly what it looks like: the reddish-brown that iron turns when it is exposed to air and water and slowly oxidises. That coating is iron oxide, and its warm red-brown is the colour we borrowed the name from. It is, in other words, the colour of metal quietly returning to the earth.

What is lovely about it is how far that same iron oxide reaches. It is what stains red sandstone and desert cliffs their warm colour, and it is what gives Mars its famous reddish tint, which is why the planet is nicknamed the Red Planet. So when you use rust, you are using the colour of weathered iron, ancient rock, and another planet all at once, which is a big part of why it feels so deeply natural and grounded.

The named rusts, with hex codes

Rust sits in the warm zone between orange and brown. Here are useful reference points, with a hex for each.

• Rust (around #B7410E): a deep, burnt orange-brown, the core of the colour.
• Chocolate (#D2691E): a lighter, warmer brown-orange.
• Sienna (#A0522D): an earthy red-brown, named after the pigment.
• Saddle Brown (#8B4513): a deeper, woodier brown at the darker end.
• Terracotta (around #E2725B): a softer, pinker clay tone near the lighter end.

The thing to know is that rust is not a standard web colour, so its value shifts from chart to chart, and it sits right among the warm browns and burnt oranges. It is more orange and red than a plain brown, and deeper and earthier than a pure orange. A hex is the way to fix exactly how rusty yours is.

Where rust works

Rust is the colour of warmth and age in the best sense. It reads as earthy, organic, and lived-in, with a strong vintage and industrial streak, which is why it has become a favourite for interiors, autumn fashion, and natural, artisanal, and craft-led brands. It brings the cosiness of brown and the warmth of orange together into something that feels handmade and grounded.

Because it is deep and muted rather than bright, rust is easy to use across large areas without tiring the eye, unlike a vivid orange. It works beautifully as a main colour or a rich background, with the lighter steps from this tool giving you soft terracotta surfaces and the darker steps giving you contrast, all in the same warm, earthy family.

Building a palette from your rust

Rust loves a cool, calm counterweight. A muted teal or deep blue sits across the wheel from its orange heart, so the two balance each other, the warm earth against the cool water. Soft cream and beige keep it gentle, and it sits naturally on warm wood and stone.

To build a working set, use the steps from this tool as the spine: a deep brown-rust for text and depth, your main rust as the warm feature colour, and a pale terracotta surface behind content. Then add a cool accent in teal or navy, or lean fully into autumn with olive green, mustard, and burgundy. Because rust is already warm and grounded, it carries a whole palette comfortably without shouting.

Questions people ask

What colour is rust?

A deep, earthy reddish-brown with an orange undertone, named after the colour of oxidised iron. It is warmer and more orange than a plain brown and deeper than a pure orange.

What is the hex code for rust?

Rust commonly sits around #B7410E, though it is not a standard web colour, so charts differ. Use a specific hex when you need the exact colour.

What is the difference between rust, brown, and terracotta?

Rust is more orange and red than a plain brown, which is darker and more neutral. Terracotta is lighter and pinker, a softer clay tone. All three sit in the same warm, earthy family.

Can I use my own rust?

Yes. Paste your exact rust in as the base, and the tool builds the lighter and darker steps of that colour, so you get a matching set for surfaces, accents, and text.

References

1. World Wide Web Consortium (W3C), CSS Color Module Level 4. https://www.w3.org/TR/css-color-4/
2. TinyColor (Brian Grinstead). Documentation. https://github.com/bgrins/TinyColor
3. Rust (color), the iron-oxide origin and the colour named after it. Wikipedia. https://en.wikipedia.org/wiki/Rust_(color)