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.
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.
Analogous
An analogous color scheme uses colors adjacent to Goldenrod on the color wheel, resulting in a cohesive and serene visual experience for users.
Complementary
Found directly across from Goldenrod on the color wheel, complementary colors produce a vibrant, energetic effect, making each hue appear more intense.
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.
Triadic
A triadic scheme for Goldenrod involves two other colors equally spaced on the color wheel, creating a vibrant and high-contrast palette.
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.
Square
A square scheme features four colors evenly spaced around the color wheel. This arrangement gives Goldenrod a set of vibrant, highly contrasting partners.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
By mixing Goldenrod with black, you create shades that add depth and gravity.
Tints
Tints are lighter variations of Goldenrod, made by adding white to soften the hue.
Tones
Tones of Goldenrod are created by mixing in gray, which softens the color’s saturation.
Hues
Hues are Goldenrod variations that differ in intensity and temperature, creating distinct moods.
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.

























































































































