Color collection
Fashion Color Palettes
Editorial fashion palettes for lookbooks, product grids, campaign pages, and boutique ecommerce.
#317AD8Accent#A1D651Surface#EBEEF4Text#121821Support#CE82A3Fashion 20Fashion / Editorial / LuxuryQuality 97Primary#314AD8Accent#63D651Surface#EBECF4Text#121421Support#CE828EFashion 1Fashion / Editorial / LuxuryQuality 96Primary#7F31D8Accent#D651D6Surface#F1EBF4Text#1A1221Support#CEA682Fashion 18Fashion / Editorial / LuxuryQuality 96Primary#31A9D8Accent#D67751Surface#EBF0F4Text#121C21Support#CE82B9Fashion 2Fashion / Editorial / LuxuryQuality 95Primary#AE31D8Accent#D65198Surface#F3EBF4Text#1E1221Support#CEBB82Fashion 5Fashion / Editorial / LuxuryQuality 95Primary#D83174Accent#D6C551Surface#F4EBEEText#211217Support#A1CE82How to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for fashion stores, lookbooks, boutiques, and seasonal campaigns. Let neutral surfaces carry product images and use saturated colors for editorial emphasis only.
Luxury palettes keep metallic or deep tones as accents while preserving a clear text and surface pair for editorial layouts.
CSS Variables
:root {
--primary: #317AD8;
--accent: #A1D651;
--surface: #EBEEF4;
--text: #121821;
--support: #CE82A3;
}FAQ
Where should I use fashion color palettes?
These palettes are designed for fashion stores, lookbooks, boutiques, and seasonal campaigns.
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?
Let neutral surfaces carry product images and use saturated colors for editorial emphasis only.