Back to palettes

Palette

Rusty Steampunk Gear

Weathered browns and oranges, evoking the antique metallic grandeur of steampunk contraptions.

warmretro5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rusty Steampunk Gear 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 Steampunk Gear.

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

Data visualization

#5D3C2C#8B4513#B8652A#D3966D#4B2F23

Palette guide

How to use Rusty Steampunk Gear

Overview

The "Rusty Steampunk Gear" palette is a rich tapestry of weathered browns and oranges, perfectly capturing the antique metallic grandeur of steampunk contraptions. Deep, grounding shades like #4B2F23 and #5D3C2C provide a robust foundation, while vibrant rust tones suchs as #8B4513 and #B8652A inject warmth and character. The lighter #D3966D offers a subtle highlight, mimicking aged brass or worn leather. Designers will find this palette ideal for evoking vintage charm and intricate detailing, while developers can use it to craft immersive interfaces and digital experiences with a distinct retro-futuristic appeal.

Best used for

  • Steampunk-themed games and digital art
  • Vintage-inspired branding and logos
  • Website design for antique shops or artisan crafts
  • Retro-futuristic UI/UX designs
  • Book covers or illustrations with a historical fantasy feel
  • Theatrical set designs or costume concepts

Suggested color roles

primary

Use the rich, deep brown #5D3C2C for main structural elements or large background areas to establish a vintage feel.

secondary

The lighter #8B4513 can be applied to secondary panels, headers, or interactive elements, offering a warm contrast.

accent

#B8652A or #D3966D are excellent for highlights, call-to-action buttons, or intricate design details, mimicking aged brass.

background

#4B2F23 or #5D3C2C provide a strong, dark, and earthy base for most designs.

text

A light cream, off-white, or even #D3966D for headings would offer good readability against the darker backgrounds.

Accessibility notes

  • Ensure sufficient contrast when placing text on any of the darker brown shades like #4B2F23 or #5D3C2C.
  • The mid-tones like #8B4513 and #B8652A may require careful text color selection to meet contrast standards.
  • #D3966D is a good choice for text on darker backgrounds but might need a darker counterpart for readability on lighter elements.
  • Always verify WCAG compliance for all text and interactive elements, especially given the palette's warmer, less contrasting range.

Recommended combinations

Deep Mechanics

Perfect for solid backgrounds and foundational elements, evoking deep, aged machinery.

#4B2F23 · #5D3C2C · #8B4513

Aged Brass

Use for metallic highlights, ornate details, or calls to action to add a touch of antique elegance.

#B8652A · #D3966D · #5D3C2C

Weathered Leather

Creates a warm, tactile feel suitable for textures, UI components, or vintage branding.

#8B4513 · #5D3C2C · #D3966D

CSS variables

:root {
  --rusty-steampunk-gear-1: #5D3C2C;
  --rusty-steampunk-gear-2: #8B4513;
  --rusty-steampunk-gear-3: #B8652A;
  --rusty-steampunk-gear-4: #D3966D;
  --rusty-steampunk-gear-5: #4B2F23;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rusty-steampunk-gear": {
        1: "#5D3C2C",
        2: "#8B4513",
        3: "#B8652A",
        4: "#D3966D",
        5: "#4B2F23",
      }
    }
  }
}

Related searches

steampunk color palettevintage industrial colorsaged brass rust paletteretro-futuristic design colorsearthy brown orange steampunk

Palette colors

Hex values

Color 1#5D3C2C
·
Color 2#8B4513
·
Color 3#B8652A
·
Color 4#D3966D
·
Color 5#4B2F23
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.3:1Fail
3.9:1AA18
1.2:1Fail
2
1.4:1Fail
1.7:1Fail
2.8:1Fail
1.7:1Fail
3
2.3:1Fail
1.7:1Fail
1.7:1Fail
2.9:1Fail
4
3.9:1AA18
2.8:1Fail
1.7:1Fail
4.8:1AA
5
1.2:1Fail
1.7:1Fail
2.9:1Fail
4.8:1AA

Similar palettes

More like Rusty Steampunk Gear

View all warm
Industrial Rust Patina
Rusty Metal
Aged Copper Patina
Bohemian Rhapsody Art
Boho Rug Weave
Copper Kettle Rust