Goldenrod

#fdcb18

Warm amber-gold highlight, less neon than chartreuse

Save
Share

About Goldenrod

This shade of goldenrod hits like a late-afternoon sun spot on a straw tote, but it stays a touch more grounded than the flashier yellows. Compared to Dream of Spring, it's less airy and more solid in the fill, with a stronger yellow body instead of a gentle green-lean. And unlike , it doesn't feel electric. It's more honeyed and weighty, not humming.

I use it as the one you reach for when you need bright attention without tipping into alarm or neon. The undertone reads warmer and richer than 's greener edge, so it shows up nicely for product callouts, promo tags, and "limited batch" badges in retail UI, plus ingredient-forward highlights in food and CPG screens. It also works for onboarding steps and progress markers in education apps when you want clear, sunny momentum without the punchy saturation of .

If you pair it with cool grays or deep olive, it stays crisp. Let it sit next to warm browns or orange-heavy golds and it can start to blur into a single golden tone.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.53:1Fail

On Gray 100 #f5f5f5

Aa
1.40:1Fail

On Gray 900 #18181b

Aa
11.59:1AAA

On Black #000000

Aa
13.73:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Goldenrod

Open the generator with this color pre-loaded.

Start creating