Back to palettes

Palette

Regal Gilt Edges

Evokes the shimmering opulence of antique gold leaf and finely crafted historical adornments, full of royal splendor.

warmelegant5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Regal Gilt Edges 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 Gilt Edges.

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

Data visualization

#b8860b#daa520#ffd700#ffebcd#cdad00

Palette guide

How to use Regal Gilt Edges

Overview

The Regal Gilt Edges palette captures the shimmering opulence of antique gold leaf, offering a sophisticated spectrum from the deep #b8860b to the radiant #ffd700 and the softest #ffebcd. This collection is perfect for designs that evoke historical grandeur, luxury, and fine craftsmanship. Designers can create exquisite jewelry displays, elegant branding, or opulent web interfaces. Developers will find these warm, metallic tones excellent for crafting rich user experiences that convey prestige, warmth, and timeless quality, making any digital interaction feel truly regal and refined.

Best used for

  • High-end jewelry design and branding
  • Luxury branding and identity
  • Antique finishes and restoration visuals
  • Historical document reproduction
  • Opulent web and app interfaces
  • Premium packaging design

Suggested color roles

primary

Use #ffd700 as the iconic bright gold, providing a radiant and luxurious foundation for your brand.

secondary

Employ #daa520 for rich, warm gold accents, adding depth and sophistication to design elements.

accent

Apply #b8860b as the deepest gold for strong contrasts, elegant outlines, or subtle shadow effects.

background

Utilize #ffebcd as a delicate, near-white base, offering a soft canvas that perfectly enhances the golden hues.

text

For optimal readability on light backgrounds, use #b8860b or a very dark charcoal, ensuring strong contrast and elegance.

Accessibility notes

  • Ensure #b8860b text on #ffebcd background meets WCAG AA contrast standards.
  • Avoid using lighter golds like #ffd700 or #daa520 for small text on light backgrounds, as contrast will be insufficient.
  • Lighter text (e.g., white) can be used effectively on the darkest gold #b8860b for headings.
  • Test metallic text effects carefully to ensure readability and legibility on various devices and screen types.

Recommended combinations

Shimmer & Depth

For a bright header, deep contrast element, and an elegant light background.

#FFD700 · #B8860B · #FFEBCD

Rich Contrast

Ideal for creating strong visual hierarchy with rich golds and a soft base.

#DAA520 · #CDAD00 · #FFEBCD

Gilded Highlight

Perfect for prominent calls to action or interactive elements that need to shine.

#FFD700 · #FFEBCD · #B8860B

CSS variables

:root {
  --regal-gilt-edges-1: #b8860b;
  --regal-gilt-edges-2: #daa520;
  --regal-gilt-edges-3: #ffd700;
  --regal-gilt-edges-4: #ffebcd;
  --regal-gilt-edges-5: #cdad00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "regal-gilt-edges": {
        1: "#b8860b",
        2: "#daa520",
        3: "#ffd700",
        4: "#ffebcd",
        5: "#cdad00",
      }
    }
  }
}

Related searches

antique gold paletteelegant gilt colorsluxury gold schememetallic warm tonesroyal gold design

Palette colors

Hex values

Color 1#b8860b
·
Color 2#daa520
·
Color 3#ffd700
·
Color 4#ffebcd
·
Color 5#cdad00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
2.8:1Fail
1.5:1Fail
2
1.5:1Fail
1.6:1Fail
1.9:1Fail
1:1Fail
3
2.3:1Fail
1.6:1Fail
1.2:1Fail
1.6:1Fail
4
2.8:1Fail
1.9:1Fail
1.2:1Fail
1.9:1Fail
5
1.5:1Fail
1:1Fail
1.6:1Fail
1.9:1Fail

Similar palettes

More like Regal Gilt Edges

View all warm