Color collection
Jewelry Color Palettes
Elegant jewelry palettes for premium ecommerce, gift guides, bridal pages, and editorial product storytelling.
#3174D8Accent#CDD651Surface#EBEEF4Text#121721Support#CE82A1Jewelry 18Jewelry / Luxury / GoldQuality 97Primary#3145D8Accent#D6C751Surface#ECEBF4Text#121321Support#CE828BJewelry 16Jewelry / Luxury / GoldQuality 96Primary#31A3D8Accent#D6A151Surface#EBF0F4Text#121B21Support#CE82B6Jewelry 20Jewelry / Luxury / GoldQuality 96Primary#7C31D8Accent#51D68FSurface#F0EBF4Text#1A1221Support#CEA482Jewelry 3Jewelry / Luxury / GoldQuality 95Primary#D8316EAccent#D69851Surface#F4EBEDText#211217Support#9ECE82Jewelry 4Jewelry / Luxury / GoldQuality 95Primary#D8313FAccent#D6D651Surface#F4ECEBText#211213Support#89CE82How to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for jewelry stores, bridal collections, and premium gift pages. Use metallic tones as accents and keep product detail text in a high-contrast neutral.
Luxury palettes keep metallic or deep tones as accents while preserving a clear text and surface pair for editorial layouts.
CSS Variables
:root {
--primary: #3174D8;
--accent: #CDD651;
--surface: #EBEEF4;
--text: #121721;
--support: #CE82A1;
}FAQ
Where should I use jewelry color palettes?
These palettes are designed for jewelry stores, bridal collections, and premium gift pages.
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?
Use metallic tones as accents and keep product detail text in a high-contrast neutral.