Gold

Meet Gold (#FFD700), a color that radiates pure brilliance and warmth. Its inherent luminosity commands attention, offering a rich, metallic quality that can instantly add a touch of luxury and visual weight to any design element without feeling overwhelming.

Gold
#FFD700
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Gold?

Gold is a warm, vibrant color, a specific shade of yellow with a slight orange tint. It sits between yellow and orange on the color wheel, radiating a warmth that comes from its strong yellow base and subtle red undertones.

While the standard #FFD700 is a bright, pure yellow, the perception of Gold can shift. Depending on the context, it can take on cooler, almost greenish undertones or lean into richer, coppery hues, offering a spectrum of metallic sheens.

What is the meaning of the color Gold in design?

Tied to wealth, triumph, and royalty, Gold is a timeless symbol of prestige, success, and divinity across cultures.

The color inspires optimism and confidence, carrying powerful connotations of extravagance, quality, and sophistication.

How can I effectively use the color Gold in my UI design?

Gold works best as an accent color to draw attention without overwhelming the user. For high contrast and a touch of luxury, pair it with deep charcoals, navy blues, or black. When set against a clean white or light gray background, Gold (#FFD700) produces a modern, energetic feel. Consider it for primary buttons, important icons, or celebratory notifications.

While not as common as primary colors, Gold is used by memorable brands to stand out. Companies like IKEA and Buy Me a Coffee use a similar warm yellow to create a friendly and inviting identity, while others like Rarible and Basecamp apply it for highlights and branding accents. Its relative rarity in digital products presents an opportunity to build a distinctive visual style.

To see how Gold can work for your project, use the tools below. You can explore curated palettes, check color contrast ratios for accessibility, and see how Gold looks in the actual user interfaces of well-known applications.

How should I use these Gold color codes?

The most direct way to specify Gold in digital work is with its hex code, #FFD700. Because of its inherent brightness, it works effectively as a highlight or for drawing attention to key elements without overwhelming a design.

A single hex code can be translated into other formats for different applications. For instance, RGB (Red, Green, Blue) values are standard for digital screens, creating color by mixing light. For physical items, you will likely need the CMYK (Cyan, Magenta, Yellow, Key/Black) values, which guide ink mixtures in printing.

To support your workflow, we have converted #FFD700 into a range of popular color models. You can find the exact values you need for your project below, ready to copy.

Gold Code Conversions

HEX
#FFD700
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Gold Color Harmonies

Analogous

Found next to Gold on the color wheel, analogous colors create a rich yet gentle palette, producing a calm and cohesive look.

#123456
#123456
#123456

Complementary

Found directly opposite on the color wheel, complementary colors produce a vibrant effect. Paired with Gold, its opposite creates a bold, high-contrast statement.

#123456
#123456

Split Complementary

Gold's split complementary palette pairs it with the two colors next to its complement, creating a high-contrast look with less tension than a direct pairing.

#123456
#123456
#123456

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. With Gold as the base, this creates a vibrant, high-contrast palette.

#123456
#123456
#123456

Tetradic

A tetradic scheme for Gold pairs it with three other hues, forming two complementary color pairs in a rectangle on the color wheel.

#123456
#123456
#123456
#123456

Square

A square color scheme features four colors spaced evenly on the color wheel. Using Gold as a base produces a vibrant, high-contrast palette.

#123456
#123456
#123456
#123456

Gold Color Variations

Shades

Adding black to Gold creates shades, which are darker tones that introduce depth and gravity.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Tints of Gold are created by adding white, resulting in lighter, softer variations.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones are created by mixing Gold with gray, producing a softer, less saturated color.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Gold (#FFD700) that alter its intensity, creating warmer or cooler tones.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Gold?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

Never run out of inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion