Back to palettes

Palette

Gilded Frame Accent

Explores the subtle nuances of an aged gilded frame, catching light and shadow.

monochromeelegant5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gilded Frame Accent 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 Frame Accent.

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

Data visualization

#FFD700#DAA520#B8860B#A07F00#CC9900

Palette guide

How to use Gilded Frame Accent

Overview

The Gilded Frame Accent palette explores the subtle nuances of an aged gilded frame, catching light and shadow through its monochromatic gold tones like #FFD700 and #B8860B. This elegant collection, featuring #DAA520 and #A07F00, is perfect for designers aiming to convey luxury, antique charm, and metallic richness. Developers can leverage these hues to create shimmering UI elements, sophisticated accents, or high-end branding that demands attention. The palette's focus on variations of gold ensures a harmonious and opulent aesthetic, ideal for projects where refined metallic brilliance is key.

Best used for

  • Jewelry website design
  • Luxury branding accents
  • Award certificates and recognition
  • Elegant UI highlights and iconography
  • Art gallery branding
  • Festive holiday designs

Suggested color roles

primary

Use #B8860B (Rich Gold) as a versatile, central gold tone for main decorative elements or larger sections.

secondary

Apply #DAA520 (Goldenrod) to add warmth and a slightly brighter dimension to secondary features or details.

accent

Utilize #FFD700 (Pure Gold) for shining highlights, focal points, or interactive elements to create a luminous effect.

background

Employ #A07F00 (Darker Gold) as a sophisticated, deep base for backgrounds, allowing lighter gold elements to pop.

text

For large headings on dark backgrounds, #FFD700 works well. For body text, use a very dark charcoal or black on lighter golds for readability.

Accessibility notes

  • Using a very dark background (e.g., black or deep charcoal) with #FFD700 or #DAA520 text is crucial for readability.
  • This largely monochromatic gold palette makes direct text-on-color use challenging without sufficient contrast; prioritize large text or stark backgrounds.
  • Avoid using #B8860B text on #A07F00 or #CC9900 backgrounds for accessibility due to insufficient contrast.
  • For body text, consider using a neutral dark gray or black on a lighter background, then applying these golds as accents or for decorative text.

Recommended combinations

Bright Glimmer

Excellent for creating a radiant, shimmering effect in logos, hero sections, or prominent graphical elements.

#FFD700 · #DAA520 · #B8860B

Deep Luster

Provides a rich, aged gold appearance for backgrounds, sophisticated UI elements, or subtle metallic textures.

#A07F00 · #CC9900 · #DAA520

Full Spectrum Gold

Showcases the full range of gold tones for complex metallic textures, detailed illustrations, or layered effects.

#B8860B · #FFD700 · #A07F00

CSS variables

:root {
  --gilded-frame-accent-1: #FFD700;
  --gilded-frame-accent-2: #DAA520;
  --gilded-frame-accent-3: #B8860B;
  --gilded-frame-accent-4: #A07F00;
  --gilded-frame-accent-5: #CC9900;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-frame-accent": {
        1: "#FFD700",
        2: "#DAA520",
        3: "#B8860B",
        4: "#A07F00",
        5: "#CC9900",
      }
    }
  }
}

Related searches

monochromatic gold paletteantique gold color schemeluxury metallic colorselegant yellow goldgilded accent colors

Palette colors

Hex values

Color 1#FFD700
·
Color 2#DAA520
·
Color 3#B8860B
·
Color 4#A07F00
·
Color 5#CC9900
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.3:1Fail
2.7:1Fail
1.8:1Fail
2
1.6:1Fail
1.5:1Fail
1.7:1Fail
1.2:1Fail
3
2.3:1Fail
1.5:1Fail
1.2:1Fail
1.3:1Fail
4
2.7:1Fail
1.7:1Fail
1.2:1Fail
1.5:1Fail
5
1.8:1Fail
1.2:1Fail
1.3:1Fail
1.5:1Fail

Similar palettes

More like Gilded Frame Accent

View all monochrome
Elegant Onyx Chess
Golden Hour Glow
Ruby Velour
Silver Leaf Glimmer
Smoky Quartz Elegance
Ancient Marble Column