Back to palettes

Palette

Gilded Clockwork Heart

Opulent and rich, this palette captures the intricate beauty of golden gears and clockwork mechanisms.

warmelegant5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gilded Clockwork Heart 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 Heart.

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

Data visualization

#B8860B#DAA520#F0E68C#A0522D#8B0000

Palette guide

How to use Gilded Clockwork Heart

Overview

The Gilded Clockwork Heart palette is opulent and rich, capturing the intricate beauty of golden gears and clockwork mechanisms with a vibrant, warm essence. It features a deep antique brass (#B8860B), a bright gold (#DAA520), a luminous pale gold (#F0E68C), a warm russet brown (#A0522D), and a striking deep red (#8B0000). This collection is perfect for projects that require a luxurious, detailed, and slightly dramatic flair. Designers can achieve a sense of precious craftsmanship, while developers can utilize its clear hierarchy for impactful and engaging user interfaces, especially in themed applications.

Best used for

  • Luxury brand packaging and web design
  • Steampunk fashion or art exhibitions
  • High-end jewelry advertising
  • Vintage-inspired game design assets
  • Theatrical set design and costumes
  • Elegant historical book covers

Suggested color roles

primary

The bright gold (#DAA520) is excellent for primary calls-to-action, prominent logos, or headlines that demand immediate attention.

secondary

Deep red (#8B0000) provides a powerful secondary color for important alerts, key interactive elements, or dramatic graphic accents.

accent

The luminous pale gold (#F0E68C) works as a delicate highlight or subtle background for small, ornate details, adding shimmer.

background

The warm russet brown (#A0522D) offers a rich, inviting background, providing depth and a sense of aged warmth without being too dark.

text

A deep antique brass (#B8860B) or dark brown provides good readability for body text against lighter backgrounds, maintaining the rich aesthetic.

Accessibility notes

  • Using #F0E68C text on #DAA520 or #B8860B may have insufficient contrast; reserve for decorative elements or use with larger fonts.
  • Deep red #8B0000 offers strong contrast for light text, such as white or #F0E68C.
  • Avoid placing #A0522D text directly on #8B0000 due to their similar intensity, which can hinder readability.
  • For accessible body text, use a dark brown (like a darker shade of #A0522D or a near-black) against #F0E68C or #DAA520.

Recommended combinations

Dramatic Core

For a striking hero section: #8B0000 background, #DAA520 title, #F0E68C subtitle/detail.

#8B0000 · #DAA520 · #F0E68C

Ornate Details

Effective for complex UI components: #A0522D base, #B8860B main element, #F0E68C subtle highlight.

#A0522D · #B8860B · #F0E68C

Warm Balance

Use for a balanced, rich content block: #DAA520 heading, #A0522D body text, #8B0000 key links.

#DAA520 · #A0522D · #8B0000

CSS variables

:root {
  --gilded-clockwork-heart-1: #B8860B;
  --gilded-clockwork-heart-2: #DAA520;
  --gilded-clockwork-heart-3: #F0E68C;
  --gilded-clockwork-heart-4: #A0522D;
  --gilded-clockwork-heart-5: #8B0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-clockwork-heart": {
        1: "#B8860B",
        2: "#DAA520",
        3: "#F0E68C",
        4: "#A0522D",
        5: "#8B0000",
      }
    }
  }
}

Related searches

gold red steampunk paletterich metallic colorsornate clockwork aestheticluxury warm gold schemeantique gold red brown

Palette colors

Hex values

Color 1#B8860B
·
Color 2#DAA520
·
Color 3#F0E68C
·
Color 4#A0522D
·
Color 5#8B0000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
1.7:1Fail
3.1:1AA18
2
1.5:1Fail
1.7:1Fail
2.5:1Fail
4.5:1AA18
3
2.5:1Fail
1.7:1Fail
4.4:1AA18
7.8:1AAA
4
1.7:1Fail
2.5:1Fail
4.4:1AA18
1.8:1Fail
5
3.1:1AA18
4.5:1AA18
7.8:1AAA
1.8:1Fail

Similar palettes

More like Gilded Clockwork Heart

View all warm
Amber Glaze
Ancient Egypt Gold
Ancient Egyptian Gold
Ancient Gold Tapestry
Baroque Opera Gold
Baroque Ornament Gold