Back to palettes

Palette

Gilded Clockwork Gears

Warm golds and dark greys evoke the intricate, polished elegance of vintage clockwork mechanisms.

earthelegant5 colors
More earth 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

#DAA520#B8860B#696969#4F4F4F#D2B48C

Palette guide

How to use Gilded Clockwork Gears

Overview

The Gilded Clockwork Gears palette elegantly combines warm golds and dark greys to evoke the intricate, polished beauty of vintage clockwork mechanisms. This rich collection features a bright gold (#DAA520), a deeper antique brass (#B8860B), a versatile medium grey (#696969), a dark charcoal (#4F4F4F), and a warm, muted tan (#D2B48C). It's ideal for projects aiming for a sophisticated, retro-futuristic, or luxurious antique feel. Designers can create a sense of mechanical precision and warmth, while developers will find the distinct contrast useful for structuring complex interfaces with clarity and style.

Best used for

  • Steampunk-themed websites and games
  • Luxury product branding (watches, jewelry)
  • Vintage-inspired interior design
  • Artisan craft and workshop branding
  • Elegant event invitations
  • Historical fiction book covers

Suggested color roles

primary

The vibrant gold (#DAA520) is perfect for prominent branding, headlines, or call-to-action elements, demanding attention.

secondary

Deep charcoal (#4F4F4F) serves as a strong secondary color for backgrounds, large text blocks, or foundational UI components.

accent

The rich antique brass (#B8860B) provides a sophisticated accent for smaller details, icons, or interactive states, adding depth.

background

The warm muted tan (#D2B48C) offers a soft, inviting backdrop that complements the metallic tones, ideal for content areas.

text

A dark charcoal (#4F4F4F) or even black provides optimal readability for body text against the lighter backgrounds, maintaining the elegant mood.

Accessibility notes

  • Ensure #DAA520 text on #D2B48C background has sufficient contrast for readability, potentially requiring larger or bolder fonts.
  • Dark charcoal #4F4F4F provides excellent contrast for light text, such as #D2B48C or white.
  • Avoid using #696969 text on #D2B48C for critical information due to potentially insufficient contrast.
  • For body text, use #4F4F4F against #D2B48C for clear and accessible content display.

Recommended combinations

Gilded Core

Strong header: #4F4F4F background, #DAA520 title, #D2B48C subtitle.

#4F4F4F · #DAA520 · #D2B48C

Aged Mechanics

For metallic UI elements: #696969 base, #B8860B shadow, #DAA520 highlight.

#696969 · #B8860B · #DAA520

Soft Elegance

Use for elegant body content: #D2B48C background, #4F4F4F text, #B8860B for links.

#D2B48C · #4F4F4F · #B8860B

CSS variables

:root {
  --gilded-clockwork-gears-1: #DAA520;
  --gilded-clockwork-gears-2: #B8860B;
  --gilded-clockwork-gears-3: #696969;
  --gilded-clockwork-gears-4: #4F4F4F;
  --gilded-clockwork-gears-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-clockwork-gears": {
        1: "#DAA520",
        2: "#B8860B",
        3: "#696969",
        4: "#4F4F4F",
        5: "#D2B48C",
      }
    }
  }
}

Related searches

steampunk color palette goldantique brass grey colorsmechanical elegant palettevintage clockwork designgold and charcoal scheme

Palette colors

Hex values

Color 1#DAA520
·
Color 2#B8860B
·
Color 3#696969
·
Color 4#4F4F4F
·
Color 5#D2B48C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
3.7:1AA18
1.1:1Fail
2
1.5:1Fail
1.7:1Fail
2.5:1Fail
1.7:1Fail
3
2.5:1Fail
1.7:1Fail
1.5:1Fail
2.8:1Fail
4
3.7:1AA18
2.5:1Fail
1.5:1Fail
4.2:1AA18
5
1.1:1Fail
1.7:1Fail
2.8:1Fail
4.2:1AA18

Similar palettes

More like Gilded Clockwork Gears

View all earth
Antique Brass Patina
Ancient Aztec Gold
Ancient Bronze Relic
Antique Brass Patina
Heirloom Parchment Hues
Old Bookbinding Leather