Palette

Rusty Train Tracks

Warm, weathered tones mimic the beautiful decay of aged metal and rust on old, forgotten train tracks.

earthretro5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rusty Train Tracks reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Rusty Train Tracks.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#7C402B#A35C3E#CD835F#E9A887#FAD8BF

Palette guide

How to use Rusty Train Tracks

Overview

The "Rusty Train Tracks" palette captures the beautiful decay of aged metal with its warm, weathered tones. It progresses from the deep, rich #7C402B through vibrant rusts like #A35C3E and #CD835F, culminating in soft, almost pastel shades of #E9A887 and #FAD8BF. This collection is ideal for designers seeking to evoke a sense of history, nostalgia, or a warm, earthy vintage aesthetic. Developers can utilize these colors to create inviting UIs, compelling digital art, or branding that feels both authentic and gently aged, reminiscent of forgotten paths and enduring stories.

Best used for

Vintage-style photography presets
Branding for artisanal coffee shops or bakeries
Retro website designs or blogs
Children's book illustrations with a warm, soft feel
Interior design concepts for rustic or farmhouse styles
Packaging for organic or handmade products

Suggested color roles

primary

The deep #7C402B provides a strong, grounding base for backgrounds or prominent headers.

secondary

Use #A35C3E for supporting elements, panels, or to add a richer, more saturated rust tone.

accent

The lighter #CD835F or #E9A887 can serve as gentle accents, highlights, or call-to-action buttons.

background

#FAD8BF makes an excellent light, warm background, offering a soft canvas for other colors.

text

A deep charcoal or dark brown like #7C402B provides good readability against the lighter background tones.

Accessibility notes

When using lighter colors like #E9A887 or #FAD8BF as backgrounds, ensure text has sufficient contrast (e.g., using #7C402B).
Avoid pairing #E9A887 text on #CD835F backgrounds due to potential low contrast, especially for smaller fonts.
The darkest color, #7C402B, should be used for critical text elements on light backgrounds.
Always test color combinations for WCAG compliance, paying attention to luminosity ratios for accessibility.

Recommended combinations

Faded Rust

Creates a soft, warm, and inviting atmosphere, ideal for backgrounds and gentle gradients.

#FAD8BF · #E9A887 · #CD835F

Deepened Path

Excellent for robust branding or sections requiring more visual weight and historical depth.

#7C402B · #A35C3E · #CD835F

Warm Vintage

Use for charming illustrations, subtle UI elements, or to convey a cozy, retro vibe.

#E9A887 · #A35C3E · #FAD8BF

CSS variables

:root {
  --rusty-train-tracks-1: #7C402B;
  --rusty-train-tracks-2: #A35C3E;
  --rusty-train-tracks-3: #CD835F;
  --rusty-train-tracks-4: #E9A887;
  --rusty-train-tracks-5: #FAD8BF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rusty-train-tracks": {
        1: "#7C402B",
        2: "#A35C3E",
        3: "#CD835F",
        4: "#E9A887",
        5: "#FAD8BF",
      }
    }
  }
}

Hex values

Color 1#7C402B

Color 2#A35C3E

Color 3#CD835F

Color 4#E9A887

Color 5#FAD8BF

Accessibility

Contrast checker

1.6:1Fail

2.7:1Fail

4:1AA18

6:1AA

1.6:1Fail

1.7:1Fail

2.5:1Fail

3.8:1AA18

2.7:1Fail

1.7:1Fail

1.5:1Fail

2.2:1Fail

4:1AA18

2.5:1Fail

1.5:1Fail

6:1AA

3.8:1AA18

2.2:1Fail

1.5:1Fail

Similar palettes

More like Rusty Train Tracks

Rusty Train Tracks

See it in context.

Ready when you are.

Built with Rusty Train Tracks.

How to use Rusty Train Tracks

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Faded Rust

Deepened Path

Warm Vintage

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Rusty Train Tracks