Banner Gold

#A28557

Orange Family →

What Color is Banner Gold

Banner Gold is a weathered metallic hue that balances the warmth of orange with the stability of earth tones. It suggests a sense of prestige and antiquity without the flashy brightness of modern metallics. This shade is often associated with endurance and traditional values in visual identity.

What color is opposite Banner Gold?

The opposite color to Banner Gold is Waikawa Gray (#5774a2).

View Waikawa Gray

Additional Information

  • Color Family: Orange
  • Temperature: Warm
  • Associated Season: Autumn
  • Complementary Color: #5774A2
  • Brightness: 136/255
  • Saturation: 46%

Colors That Pair Well With Banner Gold

Complementary

Pair with Waikawa Gray for a harmonious, balanced look. Great for backgrounds and accents.

#A28557#5774a2

High Contrast

Use Waikawa Gray for maximum readability. Ideal for text or critical UI elements.

#A28557#5d7aa8

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#c7b69a#51432c

Banner Gold History

Historically, pigments resembling this shade were derived from yellow ochre and raw sienna, used since prehistoric times in cave paintings. During the Renaissance, artists achieved this specific patina effect by layering lead-tin yellow over dark umber glazes. The color reflects the aged appearance of gold leaf found in Byzantine icons or medieval manuscripts.

In the 19th-century Arts and Crafts movement, this earthy gold was championed by designers to evoke a connection to pre-industrial craftsmanship. By the mid-20th century, it became a staple in mid-century modern interior palettes, bridging the gap between natural wood and industrial metals through its organic yet polished presence.

Meaning & Psychology

This color evokes a feeling of reliability and quiet confidence. Unlike bright yellows that can trigger anxiety, Banner Gold provides a grounded sensory experience that promotes focus and calm. It communicates a sense of wisdom and established authority, making it a preferred choice for institutions seeking to appear timeless.

Culturally, it signifies heritage and the preservation of history. In many Eastern traditions, similar muted golds represent the sacred transition between the physical and spiritual worlds. It is a color of moderate prosperity, suggesting wealth that is stable rather than volatile or showy.

In Nature

This shade is found in the mineral goethite, an iron oxide that gives soil and rocks a distinct yellowish-brown tint. It appears in the parched grasses of the savannah during the dry season and in the mature feathers of certain birds of prey, such as the Golden Eagle. The color is also visible in the oxidized surfaces of copper-bearing ores before they undergo further chemical transformation.

How To Use Banner Gold

Banner Gold acts as an excellent anchor for luxury branding and high-end packaging. It pairs effectively with deep navy or forest green to create a regal aesthetic that maintains high legibility. Designers utilize this shade as a primary accent to elevate neutral schemes into something more sophisticated.

When used for typography, Banner Gold requires a high-contrast background like charcoal or cream to meet accessibility standards. It serves as a perfect texture for foil stamping or metallic inks in print media, where its desaturated nature prevents it from appearing gaudy. The color is a versatile tool for creating depth in flat UI designs.

Related Words

yellow ochrepatinaagedarts and craftsmid-century modernorganicreliabilitygroundedwisdomheritagesacredstablegoethiteparchedmatureoxidizedanchorregalsophisticatedaccessibilitytextureversatile

Curated Palettes

#A28557
#1B263B
#E0E1DD
#415A77
#778DA9

The Academic

A scholarly and professional palette for institutional branding.

#A28557
#582F0E
#7F4F24
#936639
#C2C5AA

The Harvest

Warm, organic tones inspired by late-season agricultural landscapes.

#A28557
#2D132C
#801336
#C72C41
#EE4540

The Regal

A deep, luxurious scheme that emphasizes power and heritage.

Color Conversions

Hex
#A28557
RGB
162, 133, 87
RGB %
64%, 52%, 34%
HSL
37°, 30%, 49%
HSV
37°, 46%, 64%
CMYK
0%, 18%, 46%, 36%
LAB
57.22, 4.81, 28.90
XYZ
25.01, 25.14, 12.55

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #A28557;
Text Color (RGB)
Aa
color: rgb(162, 133, 87);
Background Color
background-color: #A28557;
Border
border: 3px solid #A28557;
Box Shadow
box-shadow: 0 4px 12px #A2855766;
Gradient
background: linear-gradient(135deg, #A28557 0%, #ffffff 100%);
Cushion Mockup
Available to Order Now

Shop Premium Products in Banner Gold

This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.

MaterialEco Velvet
Size30cm x 30cm
Color
Banner Gold

Ships in 3-5 daysSecure Checkout

Product Details

Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.

  • Material: Soft Eco Velvet.
  • Feel: Velvety soft finish.
  • Print: Double-sided, all-over vibrant color using water-based inks.
  • Care: Machine washable at 30°C.
  • Construction: Handmade to order with a concealed zipper.
Eco Credentials

We believe in sustainable style. Our cushions are crafted with the planet in mind.

  • Made to Order: Produced only when you order, eliminating overproduction and waste.
  • Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
  • Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
  • Vegan Friendly: No animal products are used in the production of these cushions.

What Goes With Banner Gold?

Explore color palettes containing Banner Gold and discover harmonious combinations for your designs.

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail
Contrast with White

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail

Closest Color Matches

Best Match

Caran d'ache Luminance 6901

Olive Brown 50%

#736#99895F

Buy

Polychromos

raw umber

#180#9A734A

Buy

Prismacolor

Light Umber

#PC941#7F633F

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Banner Gold?
The hex code for Banner Gold is #A28557. The RGB values are (162, 133, 87). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Banner Gold?
Banner Gold pairs well with its complementary color, Waikawa Gray (#5774a2). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Banner Gold accessible for text?
No, Banner Gold is not readable on white backgrounds. It is not readable on black backgrounds. For detailed contrast ratios and WCAG scores, check the accessibility section.
How do I use Banner Gold in CSS?

You can use Banner Gold in CSS with its hex code. Here is an example class:

.banner-gold {
  background-color: #A28557;
  color: #FFFFFF;
}

For more snippets including gradients, see the CSS snippets section.