Gold in OKLCH
Gold is the bright metallic-yellow CSS named color #FFD700. 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 gold
Gold is a vivid, high-lightness yellow that signals reward, quality and premium value, so it lands on badges, awards and luxury branding. As a bright warm color it holds a lot of chroma at the top of the lightness range; the tonal scale below darkens it toward amber and bronze for shadows. Keep the hue fixed to build a gold ramp, then copy the OKLCH, HEX or RGB value.
Gold in CSS: oklch(88.7% 0.182 95.3) · #ffd700 · rgb(255 215 0)
Frequently Asked Questions
Gold is the CSS named color #FFD700 (rgb(255, 215, 0)). Its OKLCH equivalent is shown in the readout above and can be copied in one click.
Use the tonal scale to pull a light champagne tint and a darker amber shade, then alternate light and dark golds in your design so it reads as reflected metal rather than flat yellow.
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 →