Back to palettes

Palette

Brass Cogs & Smoke

The aged tones of brass, copper, and smoke, evoking the intricate workings of a steampunk device.

darkretro5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Brass Cogs & Smoke 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 Brass Cogs & Smoke.

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

Data visualization

#362D2C#6D645E#9B8D80#D2BFA6#CD610A

Palette guide

How to use Brass Cogs & Smoke

Overview

The Brass Cogs & Smoke palette captures the aged tones of brass, copper, and smoke, evoking the intricate workings of a steampunk device. Featuring the deep #362D2C and the smoky #6D645E, alongside the warm #9B8D80, this scheme is brightened by the antique gold #D2BFA6 and accented by the striking #CD610A. This palette is perfect for designs seeking an industrial, retro, and sophisticated aesthetic. Designers can leverage it for projects requiring a rich, detailed, and authentic feel, such as steampunk-themed games, luxury watch branding, or historical fiction covers. Its harmonious blend ensures visual depth and a captivating user experience, radiating vintage charm.

Best used for

  • Steampunk-themed games and media
  • Luxury watch and antique branding
  • Industrial-chic interior design
  • Historical fiction book covers
  • Craft beer and spirits labels
  • Men's grooming and fashion brands

Suggested color roles

primary

Utilize #362D2C as a strong, grounding primary color for headers, main navigation, or impactful brand elements, conveying depth and mystery.

secondary

Apply #6D645E for subheadings, secondary content, or supporting graphic elements, offering a balanced, smoky neutral.

accent

Employ #CD610A to introduce a striking accent for interactive elements, calls-to-action, or to symbolize glowing embers and brass.

background

The lightest shade, #D2BFA6, is excellent for warm, antique backgrounds, allowing the darker tones to stand out richly.

text

The deep #362D2C is ideal for body text and critical information, ensuring excellent readability on light backgrounds like #D2BFA6.

Accessibility notes

  • Ensure strong contrast for text, using #362D2C on #D2BFA6 or #9B8D80 backgrounds, to meet WCAG AA standards.
  • Verify that #CD610A, when used as an accent, has sufficient contrast against its surrounding background for visibility.
  • Avoid pairing #6D645E with #9B8D80 for text and background without careful contrast testing due to their similar values.
  • For users with color vision deficiencies, supplement color cues with icons or underlines for important actions or status indicators.

Recommended combinations

Smoky Brass

Creates a dramatic, sophisticated look, perfect for impactful headers or key calls-to-action against an antique gold backdrop.

#362D2C · #CD610A · #D2BFA6

Industrial Depth

Offers a harmonious blend of smoky grays and warm neutrals, ideal for background textures, subtle gradients, or layered graphic elements.

#6D645E · #9B8D80 · #D2BFA6

Steampunk Accent

Emphasizes readability and visual hierarchy, with the darkest shade for titles and the bright accent for key features.

#362D2C · #9B8D80 · #CD610A

CSS variables

:root {
  --brass-cogs-smoke-1: #362D2C;
  --brass-cogs-smoke-2: #6D645E;
  --brass-cogs-smoke-3: #9B8D80;
  --brass-cogs-smoke-4: #D2BFA6;
  --brass-cogs-smoke-5: #CD610A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "brass-cogs-smoke": {
        1: "#362D2C",
        2: "#6D645E",
        3: "#9B8D80",
        4: "#D2BFA6",
        5: "#CD610A",
      }
    }
  }
}

Related searches

steampunk color paletteaged brass tonesindustrial retro hex codesdark vintage designcopper smoke shades

Palette colors

Hex values

Color 1#362D2C
·
Color 2#6D645E
·
Color 3#9B8D80
·
Color 4#D2BFA6
·
Color 5#CD610A
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
4.2:1AA18
7.5:1AAA
3.4:1AA18
2
2.3:1Fail
1.8:1Fail
3.2:1AA18
1.5:1Fail
3
4.2:1AA18
1.8:1Fail
1.8:1Fail
1.2:1Fail
4
7.5:1AAA
3.2:1AA18
1.8:1Fail
2.2:1Fail
5
3.4:1AA18
1.5:1Fail
1.2:1Fail
2.2:1Fail

Similar palettes

More like Brass Cogs & Smoke

View all dark
Clockwork Brass Patina
Steampunk Goggles
Industrial Steampunk Grit
Rusty Foundry Steel
Steampunk Gilded Gear
Film Noir Echo