Back to palettes

Palette

Steampunk Inventor's Workshop

Inspired by intricate machinery, vintage contraptions, and the sophisticated gloom of an inventor's lair.

darkretro5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Steampunk Inventor's Workshop 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 Inventor's Workshop.

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

Data visualization

#4A3728#8B6B56#B9936C#3E5752#5E6C71

Palette guide

How to use Steampunk Inventor's Workshop

Overview

The "Steampunk Inventor's Workshop" palette evokes the sophisticated gloom and intricate machinery of a bygone era. Dominated by rich, warm browns like #4A3728 (Dark Mocha) and #8B6B56 (Taupe), it suggests aged wood and worn leather. A lighter #B9936C (Sandy Brown) provides a touch of polished brass or glowing filament. The cool, deep #3E5752 (Dark Teal) and #5E6C71 (Steel Blue) introduce metallic, atmospheric elements, hinting at engine rooms and shadowed corners. This palette is perfect for designs that require a blend of industrial grit, vintage charm, and intellectual depth.

Best used for

  • Industrial design concepts and mood boards
  • Historical document and antique map presentations
  • Game asset texturing for vintage machinery
  • Museum exhibit displays and signage
  • Brand identity for artisan craft breweries
  • Victorian-era themed website design

Suggested color roles

primary

Use #4A3728 as a grounding deep brown, representing heavy machinery or robust wooden structures.

secondary

Apply #8B6B56 for medium-toned elements like aged leather or lighter wood, adding texture and warmth.

accent

Highlight with #B9936C (Sandy Brown) to simulate polished brass, glowing indicators, or important focal points.

background

A deep #3E5752 (Dark Teal) creates an atmospheric, moody backdrop, ideal for evoking a workshop's depth.

text

For dark backgrounds, #B9936C provides excellent readability. On lighter elements, #4A3728 works well for body text.

Accessibility notes

  • Ensure #B9936C has adequate contrast against #8B6B56 for text, especially for smaller font sizes.
  • The darker tones like #3E5752 and #4A3728 offer good contrast for light-colored text.
  • Avoid pairing similar mid-tones like #8B6B56 and #5E6C71 for text and background without careful contrast checks.
  • For important information, use high-contrast pairs such as #B9936C on #4A3728.

Recommended combinations

Warm Workshop Wood

Creates an inviting, aged wood and brass aesthetic for primary content blocks.

#4A3728 · #8B6B56 · #B9936C

Industrial Cool Depth

Provides a sophisticated, cool-toned industrial backdrop with a warm anchor.

#3E5752 · #5E6C71 · #4A3728

Highlighted Mechanism

Emphasizes key features with a bright accent against a muted, deep background.

#B9936C · #3E5752 · #8B6B56

CSS variables

:root {
  --steampunk-inventor-s-workshop-1: #4A3728;
  --steampunk-inventor-s-workshop-2: #8B6B56;
  --steampunk-inventor-s-workshop-3: #B9936C;
  --steampunk-inventor-s-workshop-4: #3E5752;
  --steampunk-inventor-s-workshop-5: #5E6C71;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "steampunk-inventor-s-workshop": {
        1: "#4A3728",
        2: "#8B6B56",
        3: "#B9936C",
        4: "#3E5752",
        5: "#5E6C71",
      }
    }
  }
}

Related searches

inventor workshop colorsvintage mechanical palettesteampunk brown greenaged metal aestheticretro industrial branding

Palette colors

Hex values

Color 1#4A3728
·
Color 2#8B6B56
·
Color 3#B9936C
·
Color 4#3E5752
·
Color 5#5E6C71
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
4:1AA18
1.4:1Fail
2.1:1Fail
2
2.3:1Fail
1.7:1Fail
1.6:1Fail
1.1:1Fail
3
4:1AA18
1.7:1Fail
2.8:1Fail
1.9:1Fail
4
1.4:1Fail
1.6:1Fail
2.8:1Fail
1.4:1Fail
5
2.1:1Fail
1.1:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Steampunk Inventor's Workshop

View all dark
Industrial Steampunk Grit
Aged Scotch Library
Clockwork Brass Patina
Film Noir Echo
Gilded Clockwork Gears
Rusty Foundry Steel