233 palettes tagged #gold
Rich, luxurious gold palettes that signal premium quality and exclusivity.
The gold reference values and ready-to-paste CSS variables. Click any value to copy it.
:root {
--gold-50: #FFF8E1;
--gold-200: #FFD54F;
--gold-400: #D4A017;
--gold-600: #B8860B;
--gold-800: #8D6E00;
}
Prefer Tailwind? Drop these hex codes into the colors key of your tailwind.config.js, or copy any palette above as a full Tailwind config.
Gold conveys wealth, success and prestige. Against dark backgrounds it reads as opulent and aspirational — a staple of luxury, jewellery and hospitality branding.
Gold palettes often build on shades like #FFF8E1, #FFD54F, #D4A017, #B8860B, #8D6E00. Click any palette above to copy its hex codes, CSS, or Tailwind values straight into your project — combine lighter tints for backgrounds with deeper tones for text and accents.