Back to palettes

Palette

Steampunk Copper Age

Earthy browns and metallic accents capture the rustic, mechanical charm of the Steampunk era.

retroretro5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Steampunk Copper Age 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 Copper Age.

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

Data visualization

#8B4513#A0522D#CD5C5C#B8860B#C0C0C0

Palette guide

How to use Steampunk Copper Age

Overview

The Steampunk Copper Age palette presents a robust collection of earthy browns and metallic accents, perfectly capturing the rustic, mechanical charm of the Steampunk era. It features rich browns like #8B4513 (Saddle Brown) and #A0522D (Sienna), providing a warm, weathered foundation. The vibrant #CD5C5C (Indian Red) adds a striking copper sheen, while #B8860B (Dark Goldenrod) introduces a luxurious bronze. The cool #C0C0C0 (Silver) offers a crucial metallic balance. This palette is highly versatile for designers and developers aiming to evoke a vintage, industrial, or adventurous aesthetic, blending the warmth of aged materials with the gleam of polished metals for a distinct, retro feel.

Best used for

  • Themed cafes or restaurants with a vintage aesthetic
  • Vintage apparel or accessory brand websites
  • Historical game UI and environmental textures
  • Artisan craft and handmade product branding
  • Retro-inspired marketing materials
  • Steampunk fashion and cosplay designs

Suggested color roles

primary

Utilize #8B4513 or #A0522D as the foundational colors for large backgrounds, headers, or primary content areas to establish a warm, earthy base.

secondary

Employ #CD5C5C and #B8860B for secondary elements, accent panels, or to simulate copper and bronze textures.

accent

Reserve #CD5C5C and #B8860B for interactive elements, icons, or decorative details that require a metallic highlight.

background

Darker browns like #8B4513 create a rich, weathered background, providing depth for metallic and lighter elements.

text

For optimal readability on darker browns, use #C0C0C0 or a clean off-white. On lighter metallic accents, a dark charcoal or black is recommended.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing #C0C0C0 with the darker brown backgrounds.
  • Avoid using #B8860B or #CD5C5C for small text on similarly warm backgrounds to prevent readability issues.
  • Test interactive elements to ensure they are clearly distinguishable against their backgrounds for all users.
  • Consider providing alternative text styles (e.g., bolding) for important information in mid-tone colors.

Recommended combinations

Rustic Copper

Excellent for a warm, earthy base with vibrant copper accents and cool silver details, ideal for headers.

#8B4513 · #CD5C5C · #C0C0C0

Bronze Age

Perfect for creating depth with varying brown tones, highlighted by a rich bronze, suitable for textured backgrounds.

#A0522D · #B8860B · #8B4513

Metallic Grime

Ideal for contrasting cool silver with warm bronze against a dark brown, great for UI elements or illustrations.

#8B4513 · #C0C0C0 · #B8860B

CSS variables

:root {
  --steampunk-copper-age-1: #8B4513;
  --steampunk-copper-age-2: #A0522D;
  --steampunk-copper-age-3: #CD5C5C;
  --steampunk-copper-age-4: #B8860B;
  --steampunk-copper-age-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "steampunk-copper-age": {
        1: "#8B4513",
        2: "#A0522D",
        3: "#CD5C5C",
        4: "#B8860B",
        5: "#C0C0C0",
      }
    }
  }
}

Related searches

steampunk copper paletterustic industrial colorsvintage metal schemeearthy steampunk huesaged mechanical design

Palette colors

Hex values

Color 1#8B4513
·
Color 2#A0522D
·
Color 3#CD5C5C
·
Color 4#B8860B
·
Color 5#C0C0C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.2:1Fail
3.9:1AA18
2
1.3:1Fail
1.4:1Fail
1.7:1Fail
3.1:1AA18
3
1.8:1Fail
1.4:1Fail
1.2:1Fail
2.2:1Fail
4
2.2:1Fail
1.7:1Fail
1.2:1Fail
1.8:1Fail
5
3.9:1AA18
3.1:1AA18
2.2:1Fail
1.8:1Fail

Similar palettes

More like Steampunk Copper Age

View all retro
Dusty Attic Treasures
Mid-Century Mod Hues
Vintage Postcard Hues
Aged Photo Album
Ancient Map Guild
Atomic Age Mod