UI Shades

A study in yellow

Dark Goldenrod

#B8860B

Family
Yellow
L
0.652
C
0.132
H
82°

Notes

Dark Goldenrod is a deep mustard-yellow with brown undertones, named after the late-summer wildflower. The CSS hex is darker and richer than the actual flower, sitting closer to bronze. It works as a heritage accent in food, beverage, and outdoor brands where its warmth carries connotations of harvest and craft. Deep green or burgundy alongside gives a vintage palette. Against white the contrast is adequate for headlines but borderline for body text, so display use is its natural job. The closest analog in modern systems is Tailwind Amber 600 or Yellow 700, both of which sit at similar perceived lightness.

#b8860b
Dark Goldenrod
Dark Goldenrod
#b8860b
oklch(0.652 0.132 81.57)
rgb(184 134 11)
hsl(42.7 88.7% 38.2%)
Share
#fff9e9
#fff2d7
#fee1ae
#f7ce81
#dcac4c
#b8860b
#996900
#7f5500
#5e3c00
#412800
#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 Dark Goldenrod

Cross-reference
Q&A

Frequently asked questions

What is Dark Goldenrod?

Dark Goldenrod is a deep mustard-yellow with brown undertones, named after the late-summer wildflower. The CSS hex is darker and richer than the actual flower, sitting closer to bronze. Its hex code is #B8860B.

What are the tints and shades of Dark Goldenrod?

uishades builds an 11-step OKLCH ramp for Dark Goldenrod (#B8860B) - 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 Dark Goldenrod?

Its complementary color is #618EE0. Triadic partners are #00A6B1 and #B573C0; analogous neighbours are #939723 and #CE763C.

What are the OKLCH and RGB values of Dark Goldenrod?

Dark Goldenrod is #B8860B - OKLCH 0.652 0.132 82°, rgb(184 134 11), in the yellow family.