Palette

Steampunk Cogs Rust

An industrial-chic palette inspired by steampunk machinery, combining aged metals with the gleam of brass and copper.

warmretro5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Steampunk Cogs Rust 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 Steampunk Cogs Rust.

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

Data visualization

#2C2F33#663300#A55700#E39000#C0C0C0

Palette guide

How to use Steampunk Cogs Rust

Overview

The Steampunk Cogs Rust palette is an industrial-chic collection, beautifully capturing the essence of steampunk machinery with a blend of aged metals and the gleam of brass and copper. It features a strong foundational dark gray, #2C2F33, complemented by deep #663300 (Dark Sienna) and vibrant #A55700 (Burnt Orange), providing rich, rusted tones. The bright #E39000 (Goldenrod) offers a striking brass accent, while #C0C0C0 (Silver) introduces a cool metallic balance. This palette is exceptionally useful for designers and developers aiming to create robust, retro-futuristic, or gritty industrial aesthetics. It offers a compelling mix of dark, earthy, and metallic hues for dynamic visual compositions.

Best used for

Steampunk game assets and UI elements
Industrial-themed website designs
Retro-futuristic graphic novels or comic art
Event branding for steampunk conventions
Product packaging with a vintage industrial look
Themed cafe or bar interior design

Suggested color roles

primary

Utilize #2C2F33 as the dominant background or base color to establish a strong, industrial foundation.

secondary

Employ #663300 and #A55700 for secondary content blocks, borders, or to simulate aged, rusted metal textures.

accent

Reserve #E39000 for striking calls-to-action, interactive elements, or intricate details, mimicking polished brass.

background

The deep #2C2F33 provides an excellent, gritty background, allowing the warm rust and brass tones to truly pop.

text

For optimal readability, use #C0C0C0 or a crisp white on the darkest backgrounds. On the brighter #E39000, a dark charcoal or black is recommended.

Accessibility notes

Ensure high contrast for text on dark backgrounds; #C0C0C0 or white is often necessary for legibility.
Be cautious when pairing #663300 with #A55700 for text, as their contrast might be insufficient for some users.
Test all interactive elements to ensure they have sufficient contrast against their backgrounds.
Consider using a larger font size for important information when using mid-tone colors like #A55700 for text.

Recommended combinations

Industrial Core

Excellent for a strong, dark base with vibrant brass highlights, ideal for headers or key feature areas.

#2C2F33 · #663300 · #E39000

Rusted Mechanism

Perfect for simulating aged, textured metal with contrasting silver details, suitable for illustrations or icons.

#663300 · #A55700 · #C0C0C0

Brass & Grime

Ideal for a gritty background with prominent, shining brass elements, creating focal points in UI.

#2C2F33 · #E39000 · #A55700

CSS variables

:root {
  --steampunk-cogs-rust-1: #2C2F33;
  --steampunk-cogs-rust-2: #663300;
  --steampunk-cogs-rust-3: #A55700;
  --steampunk-cogs-rust-4: #E39000;
  --steampunk-cogs-rust-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "steampunk-cogs-rust": {
        1: "#2C2F33",
        2: "#663300",
        3: "#A55700",
        4: "#E39000",
        5: "#C0C0C0",
      }
    }
  }
}

Hex values

Color 1#2C2F33

Color 2#663300

Color 3#A55700

Color 4#E39000

Color 5#C0C0C0

Accessibility

Contrast checker

1.3:1Fail

2.5:1Fail

5.3:1AA

7.4:1AAA

1.3:1Fail

1.9:1Fail

4:1AA18

5.7:1AA

2.5:1Fail

1.9:1Fail

2.1:1Fail

2.9:1Fail

5.3:1AA

4:1AA18

2.1:1Fail

1.4:1Fail

7.4:1AAA

5.7:1AA

2.9:1Fail

1.4:1Fail

Similar palettes

More like Steampunk Cogs Rust

View all warm

Victorian Clockwork Brass

Rusty Steampunk Gear

Aged Copper Patina

Bohemian Rhapsody Art

Copper Age Patina

Copper Kettle Rust