Goldenrod

Meet Goldenrod (#DAA520), a rich, warm hue that sits confidently between yellow and brown. Its striking quality comes from this unique balance, offering a sophisticated warmth without the starkness of pure yellow. It's a color with inherent character, ready for creative application.

Goldenrod
#DAA520
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Goldenrod?

Goldenrod is a warm, deep yellow that carries the earthy tones of its namesake flower.

It sits between yellow and gold, with brownish undertones that give it a muted, sophisticated warmth, steering clear of a pure primary yellow's intensity.

What is the meaning of the color Goldenrod?

The color Goldenrod (#DAA520) is steeped in feelings of warmth and optimism, often associated with the cheerful glow of a late summer afternoon.

It carries a sense of tradition and good fortune, symbolizing success and abundance without the overt flashiness of pure gold.

How can I use Goldenrod in UI design?

To make Goldenrod shine in your designs, focus on contrast. The warmth of #DAA520 creates a sophisticated pop against deep cool tones like navy blue or charcoal gray. It also pairs naturally with earthy greens and creams. Use it strategically as an accent for key interface elements like buttons and icons to draw attention without overwhelming the user.

You won't see Goldenrod as the main brand color for many companies, though you can spot similar hues in Slack's supporting palette. This rarity is an advantage; using it can help a brand stand out and build a distinctive visual identity.

Explore curated palettes, test color contrast for accessibility, and preview Goldenrod in real UI components from top brands using the tools below.

How can I use the Goldenrod color codes?

Using Goldenrod in your projects starts with its hex code, #DAA520. This six-digit code is the most common way to represent the color digitally, but it's just one of several formats you'll encounter in your work.

Different design contexts call for different color codes. RGB values, for example, are essential for screen-based work as they define color through red, green, and blue light. For print materials, you'll need the CMYK equivalent, which corresponds to ink colors. Each code is simply a different language for describing the same color.

To help you get started, we've converted #DAA520 into a range of popular formats. You can find and copy the exact values you need for your project below.

Goldenrod Code Conversions

HEX
#DAA520
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

Goldenrod Color Harmonies

Analogous

An analogous color scheme uses colors adjacent to Goldenrod on the color wheel, resulting in a cohesive and serene visual experience for users.

#123456
#123456
#123456

Complementary

Found directly across from Goldenrod on the color wheel, complementary colors produce a vibrant, energetic effect, making each hue appear more intense.

#123456
#123456

Split Complementary

Instead of using Goldenrod's direct complement, a split complementary scheme uses the two colors adjacent to it for a more nuanced palette.

#123456
#123456
#123456

Triadic

A triadic scheme for Goldenrod involves two other colors equally spaced on the color wheel, creating a vibrant and high-contrast palette.

#123456
#123456
#123456

Tetradic

A tetradic scheme for Goldenrod involves two pairs of complementary colors, forming a rectangle on the color wheel to produce a vibrant, yet balanced, palette.

#123456
#123456
#123456
#123456

Square

A square scheme features four colors evenly spaced around the color wheel. This arrangement gives Goldenrod a set of vibrant, highly contrasting partners.

#123456
#123456
#123456
#123456

Goldenrod Color Variations

Shades

By mixing Goldenrod with black, you create shades that add 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 are lighter variations of Goldenrod, made by adding white to soften the hue.

#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 of Goldenrod are created by mixing in gray, which softens the color’s saturation.

#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 Goldenrod variations that differ in intensity and temperature, creating distinct moods.

#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 Goldenrod?

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

All Brands That Use Colors Like Goldenrod

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