Color collection
Luxury Gold Color Palettes
Gold-accent palettes for premium brands, boutiques, event pages, and refined product launches.
LuxuryGoldWarm
Best for: boutiques, event sites, and premium product launchesExport: CSS, Tailwind, JSON, SVGPreview: dashboard, landing, mobile UI
Luxury Gold 9Luxury / Gold / WarmQuality 98Primary
#3174D8Accent#D65187Surface#EBEEF4Text#121721Support#CE82A1Luxury Gold 10Luxury / Gold / WarmQuality 97Primary#3145D8Accent#D65A51Surface#ECEBF4Text#121321Support#CE828BLuxury Gold 8Luxury / Gold / WarmQuality 96Primary#31A3D8Accent#D67C51Surface#EBF0F4Text#121B21Support#CE82B6Luxury Gold 12Luxury / Gold / WarmQuality 96Primary#7C31D8Accent#D6D651Surface#F0EBF4Text#1A1221Support#CEA482Luxury Gold 3Luxury / Gold / WarmQuality 95Primary#42D831Accent#51D6BCSurface#EBF4ECText#132112Support#828ACELuxury Gold 4Luxury / Gold / WarmQuality 95Primary#31D850Accent#51B3D6Surface#EBF4EEText#122116Support#9082CEHow to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for boutiques, event sites, and premium product launches. Keep gold as an accent and let black, ivory, or charcoal carry the layout.
Luxury palettes keep metallic or deep tones as accents while preserving a clear text and surface pair for editorial layouts.
UI previewPrimary
Card
Button
Accent
CSS Variables
:root {
--primary: #3174D8;
--accent: #D65187;
--surface: #EBEEF4;
--text: #121721;
--support: #CE82A1;
}Text / Surface contrast: 15.44:1
FAQ
Where should I use luxury gold color palettes?
These palettes are designed for boutiques, event sites, and premium product launches.
Can I copy these colors into a design system?
Yes. Each palette includes clear interface roles such as Primary, Accent, Surface, Text, and Support.
How do I avoid low contrast?
Keep gold as an accent and let black, ivory, or charcoal carry the layout.