Color collection
Skincare Color Palettes
Soft skincare palettes for beauty products, clean ecommerce pages, packaging previews, and calm brand systems.
#316ED8Accent#D651B3Surface#EBEDF4Text#121721Support#CE829ESkincare 6Skincare / Soft / LuxuryQuality 97Primary#319ED8Accent#BC51D6Surface#EBF0F4Text#121B21Support#CE82B4Skincare 8Skincare / Soft / LuxuryQuality 96Primary#313FD8Accent#D65175Surface#ECEBF4Text#121321Support#CE8289Skincare 10Skincare / Soft / LuxuryQuality 96Primary#8231D8Accent#96D651Surface#F1EBF4Text#1A1221Support#CEA782Skincare 1Skincare / Soft / LuxuryQuality 95Primary#3CD831Accent#51D68FSurface#EBF4ECText#122112Support#8287CESkincare 2Skincare / Soft / LuxuryQuality 95Primary#31D855Accent#51D6CDSurface#EBF4EEText#122116Support#9382CEHow to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for skincare brands, cosmetic stores, and beauty landing pages. Use clean surfaces with one gentle accent so product photography and ingredient copy stay readable.
Luxury palettes keep metallic or deep tones as accents while preserving a clear text and surface pair for editorial layouts.
CSS Variables
:root {
--primary: #316ED8;
--accent: #D651B3;
--surface: #EBEDF4;
--text: #121721;
--support: #CE829E;
}FAQ
Where should I use skincare color palettes?
These palettes are designed for skincare brands, cosmetic stores, and beauty landing 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 clean surfaces with one gentle accent so product photography and ingredient copy stay readable.