Color collection
Luxury Black Color Palettes
Black luxury palettes for fashion, jewelry, high-end hospitality, and dramatic landing pages.
#27CE56Accent#518DD6Surface#1A2E22Text#F3F7F4Support#8C73C9Luxury Black 6Luxury / Black / EditorialQuality 96Primary#27CE85Accent#5451D6Surface#1C312BText#F3F7F5Support#A473C9Luxury Black 7Luxury / Black / EditorialQuality 96Primary#27CEB5Accent#D65165Surface#1D3434Text#F3F7F7Support#BC73C9Luxury Black 1Luxury / Black / EditorialQuality 95Primary#B5CE27Accent#6551D6Surface#1D2112Text#F6F7F3Support#73BCC9Luxury Black 9Luxury / Black / EditorialQuality 94Primary#2788CEAccent#D6519FSurface#212D3BText#F3F5F7Support#C973A5Luxury Black 4Luxury / Black / EditorialQuality 92Primary#27CE27Accent#51CBD6Surface#182A1AText#F3F7F3Support#7373C9How to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for fashion, jewelry, restaurants, and high-end editorial sites. Use generous spacing, muted borders, and one metallic accent to avoid a heavy look.
Luxury palettes keep metallic or deep tones as accents while preserving a clear text and surface pair for editorial layouts.
CSS Variables
:root {
--primary: #27CE56;
--accent: #518DD6;
--surface: #1A2E22;
--text: #F3F7F4;
--support: #8C73C9;
}FAQ
Where should I use luxury black color palettes?
These palettes are designed for fashion, jewelry, restaurants, and high-end editorial sites.
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 generous spacing, muted borders, and one metallic accent to avoid a heavy look.