Rust is the colour of oxidised iron: a dark, heavily saturated burnt orange. #B7410E sits at 18° hue, 86% saturation and 39% lightness, which is what gives it that aged, pigmented quality. Copy the HEX codes from any scheme below, or generate a harmonious rust palette anchored to a base colour you pick.
Rust Palette Ideas & HEX Codes
Warm Rust is the deepest, from a near-black #3B1105 up to #D96A3B. Rust & Clay softens the dark end, #6B2D18 at 63% saturation, and reaches a light #EBB08E. Soft Rust is the only set with a background tone, #F5E1D6.
Warm Rust
#3B1105
#5E1C08
#8A2C0D
#B7410E
#D96A3B
Rust & Clay
#6B2D18
#9C3D26
#B7410E
#D97C56
#EBB08E
Soft Rust
#F5E1D6
#E6B8A0
#D18E6B
#B7410E
#8A2F0A
Anchored to a rust base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Free, no sign-up Generated in your browser CSS, JSON & HEX export
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
What Goes With Rust
Rust is warm and earthy, and the pairings that work come from the same ground: olive green, mustard, cream and a deep brown. A muted teal is the cool option when the palette needs one. Autumn campaigns, boho interiors, ceramics and heritage branding use it. Terracotta is the lighter, pinker relative.
Frequently Asked Questions
What HEX codes make a rust palette?
Rust is a deep, warm burnt orange: anchor on a dark brown-red (#3B1105, #6B2D18), use a true rust (#B7410E) and lift with soft clay tints (#D96A3B, #EBB08E). The earthy, oxidised orange is what gives rust its warm, aged feel. Rather than mixing your own, take one of the three sets above: Warm Rust, Rust & Clay or Soft Rust. Their outer limits are #3B1105 and #F5E1D6, a ratio of 13.1:1, enough for body text at any size under WCAG AA and AAA.
What is the difference between rust and terracotta?
Rust and terracotta differ in depth. Rust #B7410E is 39% lightness at 86% saturation; terracotta #E2725B is 62% at 70%. Rust is dark enough to carry white text; terracotta is not. They sit close in hue — 18° and 10° — so they read as one family, with rust as the shadow and terracotta as the surface.
How do I use these colours in CSS?
Click Copy CSS for a ready-to-paste :root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. On a narrow phone the generator shows four swatches instead of five, so the block you copy there carries four custom properties. Whatever the width, it rolls around #B7410E, the rust this page is seeded with, so the export stays on-hue. Copy JSON and Copy HEX give the same values as an array and as a comma-separated line.
What are the RGB and HSL values for rust?
The base rust this page is anchored to is #B7410E, which is rgb(183, 65, 14) and hsl(18, 86%, 39%). A hue of 18 degrees puts it in the oranges, and 39% lightness with 86% saturation makes it a mid tone. The colour picker above accepts HEX or R, G and B numbers directly, so you can type any of those in and rebuild the palette around it. The other codes in the sets above are steps around that base: lighter, darker, or nudged a little along the hue.