Palette

Ancient Gold Scroll

A refined palette of rich golds and warm creams, like a treasured, ancient gilded scroll.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A4B29#9E7C4A#D2AD6C#FFE082#FFF8E1

Palette guide

How to use Ancient Gold Scroll

Overview

The Ancient Gold Scroll palette is a refined collection of rich golds and warm creams, like a treasured, ancient gilded scroll. This elegant range features a deep, aged brown #6A4B29, a luxurious #9E7C4A, and a radiant #D2AD6C. Lighter, brighter tones like #FFE082 and #FFF8E1 evoke the luminous quality of parchment and gold leaf. It's an excellent choice for designs that aim to convey sophistication, historical value, and understated opulence. Designers will find this palette perfect for creating luxurious 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 real estate marketing
Historical society websites
Exclusive club branding
Fine art reproduction services
Wedding planners with an elegant theme

Suggested color roles

primary

#6A4B29 - A deep, aged brown, ideal for foundational elements, headers, or establishing a rich, historical mood.

secondary

#9E7C4A - A luxurious mid-tone gold, perfect for supporting content blocks, subheadings, or as a background for lighter text.

accent

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

background

#FFF8E1 - A very light, almost off-white cream, providing a clean, expansive, and elegant backdrop. Ideal for main content areas and readability.

text

#D2AD6C - This radiant gold can be used for secondary text or subtle accents on very dark backgrounds. For primary body text on light backgrounds, a dark charcoal or deep brown like #6A4B29 ensures optimal contrast and accessibility.

Accessibility notes

Ensure sufficient contrast for #D2AD6C text on #FFF8E1 or similar light backgrounds (WCAG AA/AAA).
Text in #6A4B29 should be paired with a very light color (e.g., off-white) to meet contrast guidelines.
Avoid using #9E7C4A for small text on similar mid-tone backgrounds without careful checking.
When using these warm tones, ensure interactive elements have clear visual states beyond color changes.

Recommended combinations

Gilded Parchment

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

#6A4B29 · #9E7C4A · #FFF8E1

Ancient Text

Ideal for clean, readable content areas with an elegant, luminous feel, evoking old scrolls.

#FFF8E1 · #FFE082 · #6A4B29

Scroll Detail

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

#D2AD6C · #9E7C4A · #FFE082

CSS variables

:root {
  --ancient-gold-scroll-2-1: #6A4B29;
  --ancient-gold-scroll-2-2: #9E7C4A;
  --ancient-gold-scroll-2-3: #D2AD6C;
  --ancient-gold-scroll-2-4: #FFE082;
  --ancient-gold-scroll-2-5: #FFF8E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-gold-scroll-2": {
        1: "#6A4B29",
        2: "#9E7C4A",
        3: "#D2AD6C",
        4: "#FFE082",
        5: "#FFF8E1",
      }
    }
  }
}

Hex values

Color 1#6A4B29

Color 2#9E7C4A

Color 3#D2AD6C

Color 4#FFE082

Color 5#FFF8E1

Accessibility

Contrast checker

2.1:1Fail

3.7:1AA18

6.1:1AA

7.5:1AAA

2.1:1Fail

1.8:1Fail

3:1Fail

3.6:1AA18

3.7:1AA18

1.8:1Fail

1.6:1Fail

2:1Fail