Back to palettes

Palette

Steampunk Gilded Gear

A rich, aged palette with metallic gleam, inspired by intricate gears and Victorian machinery.

darkretro5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B3621#B8860B#654321#36454F#8B0000

Palette guide

How to use Steampunk Gilded Gear

Overview

The "Steampunk Gilded Gear" palette offers a rich, aged aesthetic reminiscent of intricate Victorian machinery and metallic elements. Featuring deep, earthy tones like #4B3621 (Dark Umber) and #654321 (Coffee Bean), it's beautifully contrasted by a vibrant #B8860B (Goldenrod) that evokes a genuine gilded gleam. The addition of #36454F (Charcoal Gray) provides industrial depth, while #8B0000 (Dark Red) introduces a touch of dramatic, antique flair. This palette is ideal for projects requiring a sense of history, luxury, and mechanical artistry, providing a sophisticated vintage feel for any design.

Best used for

  • Steampunk-themed game UI and environments
  • Vintage luxury product branding and packaging
  • Historical fiction book covers and illustrations
  • Retro industrial interior design concepts
  • Website backgrounds for artisan craft businesses
  • Prop design for film or theater

Suggested color roles

primary

Use #4B3621 as a foundational deep brown for large sections, conveying stability and age.

secondary

Employ #654321 for textured elements like wood or aged leather, providing warmth and depth.

accent

Highlight key details with #B8860B (Goldenrod) to mimic polished brass or gilded accents, drawing the eye.

background

A subtle #36454F (Charcoal Gray) works well for backgrounds, offering an industrial, muted canvas that allows other colors to shine.

text

For dark backgrounds, use a clean white or light cream. On lighter elements, #36454F provides excellent readability for body text.

Accessibility notes

  • Ensure #B8860B has sufficient contrast against darker shades like #4B3621 for critical information.
  • Avoid using #8B0000 for small body text; reserve it for larger headings or impactful accents.
  • When pairing #654321 with #4B3621, use larger text sizes to maintain readability.
  • Light text, such as white or light cream, provides optimal contrast on #36454F and #4B3621 backgrounds.

Recommended combinations

Aged Metal & Leather

For a classic steampunk base, combining deep brown, metallic gold, and industrial grey.

#4B3621 · #B8860B · #36454F

Rich Victorian Drama

Creates a luxurious, dramatic feel with deep red, warm brown, and a golden highlight.

#8B0000 · #654321 · #B8860B

Industrial Depth

Establishes a robust, weighty foundation perfect for backgrounds or structural elements.

#36454F · #4B3621 · #654321

CSS variables

:root {
  --steampunk-gilded-gear-1: #4B3621;
  --steampunk-gilded-gear-2: #B8860B;
  --steampunk-gilded-gear-3: #654321;
  --steampunk-gilded-gear-4: #36454F;
  --steampunk-gilded-gear-5: #8B0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "steampunk-gilded-gear": {
        1: "#4B3621",
        2: "#B8860B",
        3: "#654321",
        4: "#36454F",
        5: "#8B0000",
      }
    }
  }
}

Related searches

steampunk color schemevintage industrial paletteantique gold colorsvictorian design palettemetallic brown hex codes

Palette colors

Hex values

Color 1#4B3621
·
Color 2#B8860B
·
Color 3#654321
·
Color 4#36454F
·
Color 5#8B0000
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.5:1AA18
1.3:1Fail
1.1:1Fail
1.1:1Fail
2
3.5:1AA18
2.7:1Fail
3:1AA18
3.1:1AA18
3
1.3:1Fail
2.7:1Fail
1.1:1Fail
1.1:1Fail
4
1.1:1Fail
3:1AA18
1.1:1Fail
1:1Fail
5
1.1:1Fail
3.1:1AA18
1.1:1Fail
1:1Fail

Similar palettes

More like Steampunk Gilded Gear

View all dark
Clockwork Brass Patina
Gilded Clockwork Gears
Brass Cogs & Smoke
Industrial Steampunk Grit
Steampunk Goggles
Steampunk Inventor's Workshop