Back to palettes

Palette

Gilded Clockwork Gears

Industrial yet elegant, reflecting aged metals and complex mechanics 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 Gilded Clockwork Gears 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 Gilded Clockwork Gears.

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

Data visualization

#2F2A28#4D4744#736B66#A69F9B#D6CDBB

Palette guide

How to use Gilded Clockwork Gears

Overview

The Gilded Clockwork Gears palette offers an industrial yet elegant aesthetic, reflecting aged metals and complex mechanics. This sophisticated collection is built upon a foundation of muted, steely grays and a warm, antique cream. Key colors include a deep charcoal (#2F2A28), a mid-tone slate (#4D4744), a soft gray-brown (#736B66), a light stone gray (#A69F9B), and a warm off-white (#D6CDBB). It's perfect for projects requiring a refined, steampunk-inspired look. Designers can achieve depth and texture, while developers can use the tonal range to build accessible, clean interfaces with a vintage touch.

Best used for

  • Steampunk-themed website designs
  • Industrial chic interior decor branding
  • Vintage tech product packaging
  • Mechanical engineering firm branding
  • Retro-futuristic game UI
  • Luxury watch or jewelry presentations

Suggested color roles

primary

Deep charcoal (#2F2A28) serves as a robust primary color for backgrounds or strong foundational elements, providing a solid anchor.

secondary

The mid-tone slate (#4D4744) is excellent for secondary navigation, card backgrounds, or subtle dividing lines, adding structure.

accent

A light stone gray (#A69F9B) can be used sparingly for subtle metallic sheen, highlights, or interactive states on darker elements.

background

The warm off-white (#D6CDBB) provides a soft, inviting background, allowing the darker grays to stand out with clarity.

text

Use the deep charcoal (#2F2A28) for primary body text against the lighter backgrounds, ensuring high readability and a cohesive feel.

Accessibility notes

  • Ensure sufficient contrast when using #A69F9B text on #D6CDBB; it may require larger font sizes or bolder weights.
  • Deep charcoal #2F2A28 provides excellent contrast for light text, such as #D6CDBB or white.
  • Avoid using #736B66 text on #A69F9B backgrounds due to potential low contrast, especially for small text.
  • For optimal readability of body text, use #2F2A28 against #D6CDBB or #A69F9B.

Recommended combinations

Industrial Base

For a strong heading block: #2F2A28 background, #D6CDBB title, #736B66 subtitle.

#2F2A28 · #D6CDBB · #736B66

Metallic Gradients

Effective for subtle UI elements or metallic textures: #4D4744 container, #A69F9B highlight, #736B66 shadow.

#4D4744 · #A69F9B · #736B66

Soft Contrast

Use for clean content display: #D6CDBB background, #2F2A28 body text, #4D4744 links.

#D6CDBB · #2F2A28 · #4D4744

CSS variables

:root {
  --gilded-clockwork-gears-2-1: #2F2A28;
  --gilded-clockwork-gears-2-2: #4D4744;
  --gilded-clockwork-gears-2-3: #736B66;
  --gilded-clockwork-gears-2-4: #A69F9B;
  --gilded-clockwork-gears-2-5: #D6CDBB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-clockwork-gears-2": {
        1: "#2F2A28",
        2: "#4D4744",
        3: "#736B66",
        4: "#A69F9B",
        5: "#D6CDBB",
      }
    }
  }
}

Related searches

steampunk color schemeaged metal paletteindustrial grey colorsvintage mechanical designsophisticated neutral palette

Palette colors

Hex values

Color 1#2F2A28
·
Color 2#4D4744
·
Color 3#736B66
·
Color 4#A69F9B
·
Color 5#D6CDBB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
5.4:1AA
9:1AAA
2
1.6:1Fail
1.7:1Fail
3.5:1AA18
5.8:1AA
3
2.7:1Fail
1.7:1Fail
2:1Fail
3.3:1AA18
4
5.4:1AA
3.5:1AA18
2:1Fail
1.7:1Fail
5
9:1AAA
5.8:1AA
3.3:1AA18
1.7:1Fail

Similar palettes

More like Gilded Clockwork Gears

View all dark
Steampunk Gilded Gear
Clockwork Brass Patina
Industrial Steampunk Grit
Steampunk Inventor's Workshop
Aged Scotch Library
Brass Cogs & Smoke