Back to palettes

Palette

Steampunk Airship Brass

Warm metallic tones and muted grays that capture the intricate details of steampunk machinery.

neutralretro5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Steampunk Airship Brass 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 Airship Brass.

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

Data visualization

#B87333#CD7F32#C0C0C0#A9A9A9#D3D3D3

Palette guide

How to use Steampunk Airship Brass

Overview

The Steampunk Airship Brass palette masterfully combines warm metallic tones with sophisticated muted grays, capturing the intricate elegance of steampunk machinery. Key brass shades like #B87333 (Bronze) and #CD7F32 (Copper) provide a rich, aged metallic feel, while the grays — #C0C0C0 (Silver), #A9A9A9 (Dark Gray), and #D3D3D3 (Light Gray) — offer a solid, industrial foundation. This palette is incredibly versatile for designers and developers aiming to create a retro-futuristic aesthetic, providing a balance of warmth and neutrality. It's perfect for projects requiring a vintage yet sophisticated look, reminiscent of polished brass and sturdy metallic structures.

Best used for

  • Steampunk-themed game interfaces and assets
  • Industrial or vintage product branding
  • Retro website designs and landing pages
  • Themed event decor and invitations
  • Mechanical engineering or artisan craft websites
  • Historical fiction book covers

Suggested color roles

primary

Utilize #B87333 or #CD7F32 as primary colors for headings, key graphics, or borders to establish the signature brass aesthetic.

secondary

Employ #C0C0C0 and #A9A9A9 for background elements, text containers, or structural components, providing a strong metallic base.

accent

Use #CD7F32 for highlights, interactive elements, or intricate details that require a bright, polished brass sheen.

background

Mid-grays like #C0C0C0 or #A9A9A9 work well as backgrounds, offering a neutral yet metallic canvas for the brass elements to stand out.

text

On lighter grays, a dark charcoal or black is ideal. For text on the brass tones, a crisp white or #A9A9A9 provides good contrast.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter grays like #D3D3D3 with lighter brass tones.
  • Avoid placing light gray text on light brass or silver backgrounds to prevent readability issues.
  • Test color pairings for interactive elements to ensure they are easily discernible for all users.
  • Consider using a darker gray or black for body text on the lighter metallic backgrounds for optimal legibility.

Recommended combinations

Brass & Steel

Excellent for a classic steampunk look, combining warm brass accents with cool, sturdy steel backgrounds.

#B87333 · #C0C0C0 · #A9A9A9

Polished Gears

Ideal for detailed illustrations or UI elements, where a lighter gray provides contrast for polished brass details.

#CD7F32 · #D3D3D3 · #B87333

Industrial Base

Perfect for establishing a solid, industrial foundation with prominent brass elements, suitable for headers or footers.

#A9A9A9 · #B87333 · #C0C0C0

CSS variables

:root {
  --steampunk-airship-brass-1: #B87333;
  --steampunk-airship-brass-2: #CD7F32;
  --steampunk-airship-brass-3: #C0C0C0;
  --steampunk-airship-brass-4: #A9A9A9;
  --steampunk-airship-brass-5: #D3D3D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "steampunk-airship-brass": {
        1: "#B87333",
        2: "#CD7F32",
        3: "#C0C0C0",
        4: "#A9A9A9",
        5: "#D3D3D3",
      }
    }
  }
}

Related searches

steampunk color schemebrass and gray paletteindustrial metallic colorsretro airship designvintage mechanical hues

Palette colors

Hex values

Color 1#B87333
·
Color 2#CD7F32
·
Color 3#C0C0C0
·
Color 4#A9A9A9
·
Color 5#D3D3D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.1:1Fail
1.6:1Fail
2.5:1Fail
2
1.2:1Fail
1.7:1Fail
1.3:1Fail
2.1:1Fail
3
2.1:1Fail
1.7:1Fail
1.3:1Fail
1.2:1Fail
4
1.6:1Fail
1.3:1Fail
1.3:1Fail
1.6:1Fail
5
2.5:1Fail
2.1:1Fail
1.2:1Fail
1.6:1Fail

Similar palettes

More like Steampunk Airship Brass

View all neutral
Aged Atlas Hues
Aged Herbarium Scroll
Aged Indigo Fabric
Aged Leather Patina
Aged Papyrus Script
Aged Papyrus Texture