Goldenrod in OKLCH
Goldenrod is the warm, muted-gold CSS named color #DAA520. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.
About goldenrod
Goldenrod is a deep, slightly muted yellow-gold that reads as rich, autumnal and warm, which suits harvest, heritage and premium-but-earthy branding. It is darker and less bright than pure gold, with solid warm chroma, so the tonal scale spans light wheat tints to deep bronze. Hold the hue and vary lightness for the ramp, then copy the OKLCH, HEX or RGB value.
Goldenrod in CSS: oklch(75.2% 0.147 84.0) · #daa520 · rgb(218 165 32)
Frequently Asked Questions
Goldenrod (#DAA520) is darker, warmer and more muted, while gold (#FFD700) is brighter and more vivid. In OKLCH goldenrod has a lower lightness and a slightly more orange hue.
Goldenrod is rgb(218, 165, 32). The RGB, HEX and OKLCH values are all shown in the readouts above and can be copied in one click.
Other colors in OKLCH
From the blog
APCA vs. WCAG: Navigating Color Contrast and Accessibility in 2026
Understand the mathematical differences between WCAG 2.2 and APCA contrast algorithms, and how to stay legally compliant while building beautiful UI.
Read →tutorialMigrating to Tailwind v4: How to Configure Custom OKLCH Color Themes
Learn how to move from Tailwind v3 to v4, replace tailwind.config.js with the new @theme directive, and build modern OKLCH color palettes.
Read →colorThe Science of Wide-Gamut Web Colors and Gamut Mapping
Discover why legacy HEX colors limit your design to sRGB, how modern Display-P3 screens work, and what browser chroma reduction means for your UI.
Read →