Sunny Gold Color Palette
A radiant golden palette conveying luxury and warmth. Perfect for premium brands, awards, and financial services.
Dark Gold
HEX: #6b4e00
RGB: rgb(107, 78, 0)
HSL: hsl(44, 100%, 21%)
Antique Gold
HEX: #9e7600
RGB: rgb(158, 118, 0)
HSL: hsl(45, 100%, 31%)
Sunny Gold
HEX: #d4a017
RGB: rgb(212, 160, 23)
HSL: hsl(43, 80%, 46%)
Light Gold
HEX: #f0c75e
RGB: rgb(240, 199, 94)
HSL: hsl(43, 83%, 65%)
Champagne
HEX: #faeab8
RGB: rgb(250, 234, 184)
HSL: hsl(45, 87%, 85%)
CSS Variables
:root {
--sunny-gold-1: #6b4e00;
--sunny-gold-2: #9e7600;
--sunny-gold-3: #d4a017;
--sunny-gold-4: #f0c75e;
--sunny-gold-5: #faeab8;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'sunny-gold': {
'100': '#6b4e00',
'200': '#9e7600',
'300': '#d4a017',
'400': '#f0c75e',
'500': '#faeab8',
},
},
},
},
}Use Cases
Luxury brands
Award ceremonies
Financial services
Premium packaging
Related Palettes
Frequently Asked Questions
How do I use gold without looking tacky?▾
Use gold sparingly as an accent. Pair it with dark, sophisticated backgrounds like navy, charcoal, or black. Avoid combining gold with too many other bright colors.
Does gold work on screen the same as in print?▾
Screen gold cannot replicate metallic finishes, but rich amber-gold tones convey luxury effectively. Use subtle gradients to simulate a metallic look.