Palette

Victorian Clockwork Brass

Rich, metallic tones inspired by intricate Victorian clockwork and polished brass.

warmretro5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Victorian Clockwork 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 Victorian Clockwork Brass.

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

Data visualization

#A67D3D#CD853F#F0C279#8C6A32#6F5429

Palette guide

How to use Victorian Clockwork Brass

Overview

The "Victorian Clockwork Brass" palette evokes a sophisticated, retro-futuristic aesthetic, perfect for designs requiring a touch of antique elegance and mechanical precision. Featuring rich, metallic tones like the warm #A67D3D and the brighter #CD853F, it captures the essence of polished brass and intricate machinery. The lighter #F0C279 adds a highlight, while deeper shades such as #8C6A32 and #6F5429 provide grounding and depth, reminiscent of aged bronze or dark wood. This cohesive collection is ideal for crafting a luxurious, historical, yet innovative visual experience across various mediums, from digital interfaces to print materials.

Best used for

Steampunk-themed websites and games
Luxury product branding (watches, spirits, artisanal goods)
Vintage or retro poster designs
Historical fiction book covers
Industrial chic interior design concepts
Digital interfaces for antique-inspired applications

Suggested color roles

primary

#A67D3D - A versatile, mid-tone brass, excellent for main headings, primary buttons, or significant graphic elements to establish the core metallic theme.

secondary

#CD853F - A warmer, slightly brighter brass that complements the primary, suitable for subheadings, secondary calls-to-action, or accentuating details.

accent

#F0C279 - The brightest shade, perfect for highlighting key interactive elements, subtle gleams, or small decorative details that require a polished, reflective touch.

background

#6F5429 - A deep, rich bronze that provides a strong, sophisticated foundation for sections, large blocks, or entire page backgrounds, offering excellent contrast.

text

Dark brown or near-black, such as #332B1E or #222222, for optimal readability, especially against lighter brass tones. If using a dark background like #6F5429, use #F0C279 or #CD853F for text.

Accessibility notes

Ensure sufficient contrast between text and background, especially when using lighter brass tones like #F0C279 for backgrounds. A dark brown or charcoal text is often necessary.
Avoid placing #A67D3D text on a #CD853F background for small font sizes, as their similar luminosity can reduce readability.
Use the darkest shades, like #6F5429, for body text when paired with the lightest backgrounds, such as #F0C279, to meet WCAG AA standards.
The overall warm, mid-range nature of the palette means careful contrast checks are essential for all color pairings, particularly for interactive elements.

Recommended combinations

Polished & Deep

Ideal for elegant hero sections, luxury product displays, or sophisticated headers where a bright highlight meets rich depth.

#F0C279 · #A67D3D · #6F5429

Aged Patina

Creates a weathered, antique feel; suitable for background textures, subtle UI elements, or accenting historical narratives.

#8C6A32 · #CD853F · #A67D3D

Bright Mechanism

Excellent for call-to-action buttons, interactive elements, or sections requiring a vibrant, yet grounded, metallic pop.

#F0C279 · #CD853F · #8C6A32

CSS variables

:root {
  --victorian-clockwork-brass-1: #A67D3D;
  --victorian-clockwork-brass-2: #CD853F;
  --victorian-clockwork-brass-3: #F0C279;
  --victorian-clockwork-brass-4: #8C6A32;
  --victorian-clockwork-brass-5: #6F5429;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "victorian-clockwork-brass": {
        1: "#A67D3D",
        2: "#CD853F",
        3: "#F0C279",
        4: "#8C6A32",
        5: "#6F5429",
      }
    }
  }
}

Hex values

Color 1#A67D3D

Color 2#CD853F

Color 3#F0C279

Color 4#8C6A32

Color 5#6F5429

Accessibility

Contrast checker

1.2:1Fail

2.3:1Fail

1.3:1Fail

1.9:1Fail

1.2:1Fail

1.8:1Fail

1.7:1Fail

2.4:1Fail

2.3:1Fail

1.8:1Fail

3:1AA18

4.3:1AA18

1.3:1Fail

1.7:1Fail

3:1AA18

1.4:1Fail

1.9:1Fail

2.4:1Fail

4.3:1AA18

1.4:1Fail

Similar palettes

More like Victorian Clockwork Brass

View all warm

Steampunk Cogs Rust

Aged Copper Patina

Bohemian Rhapsody Art

Copper Age Patina

Copper Kettle Rust

Copper Rust Glow