Palette

Ancient Gold Leaf

A rich and regal palette evoking the timeless beauty of gilded manuscripts and ancient treasures.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Gold Leaf 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 Ancient Gold Leaf.

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

Data visualization

#A67C00#C2A169#ECC881#5E4600#8A6D3A

Palette guide

How to use Ancient Gold Leaf

Overview

The Ancient Gold Leaf palette offers a rich and regal collection evoking the timeless beauty of gilded manuscripts and ancient treasures. This luxurious range features deep, burnished gold #A67C00, a classic metallic gold #C2A169, and a radiant #ECC881. Darker, grounding tones like #5E4600 and #8A6D3A provide depth and contrast, mimicking aged patina. It's an excellent choice for designs that aim to convey opulence, historical significance, and sophisticated luxury. Designers will find this palette perfect for creating elegant and memorable user experiences, and developers can easily integrate these harmonious hex codes for a consistent and visually rich digital presence.

Best used for

Luxury brand identity design
High-end jewelry or watch websites
Historical museum exhibits
Wedding invitations with a regal theme
Fine dining restaurant branding
Premium product packaging

Suggested color roles

primary

#A67C00 - A deep, burnished gold, ideal for foundational elements, headers, or establishing a rich, luxurious mood.

secondary

#8A6D3A - A warm, aged brown-gold, perfect for supporting content blocks, subheadings, or as a background for lighter text.

accent

#ECC881 - A radiant, lighter gold that can highlight key information, interactive elements, or add a touch of brilliant opulence.

background

#C2A169 - A classic metallic gold, providing a sophisticated backdrop. For main content areas, a very light cream or off-white would be recommended for readability.

text

#5E4600 - This darkest shade ensures strong readability against lighter gold tones like #ECC881 or light cream backgrounds. For primary body text on darker gold backgrounds, a light cream or off-white would be recommended for optimal contrast.

Accessibility notes

Ensure sufficient contrast for #5E4600 text on #ECC881 or similar light gold backgrounds (WCAG AA/AAA).
Text in #A67C00 should be paired with a very light color (e.g., off-white) to meet contrast guidelines.
Avoid using #C2A169 for small text on similar mid-tone backgrounds without careful checking.
When simulating metallic effects, ensure text readability isn't compromised by reflective or busy backgrounds.

Recommended combinations

Gilded Scroll

Creates a strong, luxurious, and historical base for hero sections or main navigation.

#A67C00 · #8A6D3A · #ECC881

Aged Patina

Ideal for elegant content areas with depth, evoking aged metal or antique finishes.

#5E4600 · #A67C00 · #C2A169

Treasure Accent

Perfect for subtle graphical details, borders, or secondary information, maintaining a rich aesthetic.

#ECC881 · #C2A169 · #8A6D3A

CSS variables

:root {
  --ancient-gold-leaf-1: #A67C00;
  --ancient-gold-leaf-2: #C2A169;
  --ancient-gold-leaf-3: #ECC881;
  --ancient-gold-leaf-4: #5E4600;
  --ancient-gold-leaf-5: #8A6D3A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-gold-leaf": {
        1: "#A67C00",
        2: "#C2A169",
        3: "#ECC881",
        4: "#5E4600",
        5: "#8A6D3A",
      }
    }
  }
}

Hex values

Color 1#A67C00

Color 2#C2A169

Color 3#ECC881

Color 4#5E4600

Color 5#8A6D3A

Accessibility

Contrast checker

1.6:1Fail

2.4:1Fail

2.3:1Fail

1.3:1Fail

1.6:1Fail

1.5:1Fail

3.7:1AA18

2:1Fail

2.4:1Fail

1.5:1Fail

5.6:1AA

3:1AA18