UI Shades

A study in yellow

Goldenrod

#DAA520

Family
Yellow
L
0.752
C
0.147
H
84°

Notes

Solidago, the goldenrod, blankets late-summer roadsides across North America in exactly the kind of warm mustard the CSS hex tries to capture. The web value is more saturated than the actual wildflower but reads cleanly as harvest yellow. Editorial brands such as Field Notes use tones in this band for limited-edition covers because the warmth signals craft. Drop charcoal #262626 type on a Goldenrod field and the contrast holds at AAA for headings, AA only at body sizes 18px and above. Pair it with deep teal for the kind of complementary tension Saul Bass leaned on in his late-period film posters; pure black flattens the warmth.

#daa520
Goldenrod
Goldenrod
#daa520
oklch(0.752 0.147 83.99)
rgb(218 165 32)
hsl(42.9 74.4% 49%)
Share
#fff9e6
#fff2d2
#ffe1a4
#fbcd6f
#daa520
#b58100
#976a00
#7d5600
#5c3d00
#402800
#241300

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Goldenrod

Cross-reference
Q&A

Frequently asked questions

What is Goldenrod?

Solidago, the goldenrod, blankets late-summer roadsides across North America in exactly the kind of warm mustard the CSS hex tries to capture. The web value is more saturated than the actual wildflower but reads cleanly as harvest yellow. Its hex code is #DAA520.

What are the tints and shades of Goldenrod?

uishades builds an 11-step OKLCH ramp for Goldenrod (#DAA520) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Goldenrod?

Its complementary color is #7EACFF. Triadic partners are #00C8D9 and #DC8CE3; analogous neighbours are #AEB839 and #F5924B.

What are the OKLCH and RGB values of Goldenrod?

Goldenrod is #DAA520 - OKLCH 0.752 0.147 84°, rgb(218 165 32), in the yellow family.