Palette

Regal Tapestry Gold

Rich browns and shimmering golds, reminiscent of intricate patterns and luxurious fabrics from a bygone era of opulence.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Regal Tapestry Gold 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 Regal Tapestry Gold.

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

Data visualization

#7A5230#A87F4A#D6B278#F0E3D1#5B3B1E

Palette guide

How to use Regal Tapestry Gold

Overview

The Regal Tapestry Gold palette features rich browns and shimmering golds, reminiscent of intricate patterns and luxurious fabrics from a bygone era of opulence. Ranging from the deep #5B3B1E to the creamy #F0E3D1, with warm metallics like #A87F4A and #D6B278, this palette is perfect for designers seeking to evoke antique elegance and warmth. Developers can seamlessly integrate these hex codes to create visually rich and inviting digital experiences, from sophisticated e-commerce sites to historical branding projects. The harmonious blend of these colors ensures a cohesive and appealing aesthetic, making it ideal for projects that demand a timeless, luxurious, and earthy visual presence across all mediums.

Best used for

Antique furniture restoration branding
Luxury home decor websites
Historical fiction book covers
Coffee and artisanal food packaging
High-end watch or jewelry displays
Vintage-inspired fashion collections

Suggested color roles

primary

The deep brown #5B3B1E provides a strong, grounding primary, excellent for backgrounds or dominant brand elements.

secondary

Use #7A5230 for supporting sections, subheadings, or to add a layer of rich, warm depth.

accent

The shimmering gold #A87F4A or #D6B278 offers a luxurious accent, perfect for icons, highlights, or call-to-action elements.

background

The creamy #F0E3D1 makes an excellent light background. For dark mode, #5B3B1E creates an opulent base.

text

On dark backgrounds like #5B3B1E, use #F0E3D1 or a crisp white for optimal readability. On light backgrounds, #5B3B1E or #7A5230 works well.

Accessibility notes

Ensure #F0E3D1 text on #5B3B1E or #7A5230 backgrounds meets WCAG AA contrast standards.
Be cautious when using #D6B278 on #A87F4A for small text; contrast might be insufficient.
Test interactive elements, especially those using mid-tones, for sufficient visual distinction.
Consider a true black for body text on the lightest shades if contrast with palette colors is too low.

Recommended combinations

Golden Weave

A high-contrast and elegant combination, perfect for main branding and clean layouts.

#5B3B1E · #A87F4A · #F0E3D1

Warm Antique

Creates a gentle, warm gradient, suitable for subtle transitions or background patterns.

#7A5230 · #D6B278 · #F0E3D1

Rich Earth

Ideal for creating depth and luxury, suitable for headers or layered graphics.

#5B3B1E · #7A5230 · #A87F4A

CSS variables

:root {
  --regal-tapestry-gold-1: #7A5230;
  --regal-tapestry-gold-2: #A87F4A;
  --regal-tapestry-gold-3: #D6B278;
  --regal-tapestry-gold-4: #F0E3D1;
  --regal-tapestry-gold-5: #5B3B1E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "regal-tapestry-gold": {
        1: "#7A5230",
        2: "#A87F4A",
        3: "#D6B278",
        4: "#F0E3D1",
        5: "#5B3B1E",
      }
    }
  }
}

Hex values

Color 1#7A5230

Color 2#A87F4A

Color 3#D6B278

Color 4#F0E3D1

Color 5#5B3B1E

Accessibility

Contrast checker

1.9:1Fail

3.4:1AA18

5.4:1AA

1.5:1Fail

1.9:1Fail

1.8:1Fail

2.9:1Fail

2.8:1Fail

3.4:1AA18

1.8:1Fail

1.6:1Fail

5:1AA

5.4:1AA

2.9:1Fail

1.6:1Fail

8:1AAA

1.5:1Fail

2.8:1Fail

5:1AA

8:1AAA

Similar palettes

More like Regal Tapestry Gold

View all warm

Ancient Saffron Silk

Ancient Gold Tapestry

Art Deco Glamour

Baroque Ornament Gold

Calligraphy Gold Leaf

Cozy Spiced Delight