Color collection
Beauty Brand Color Palettes
Refined beauty palettes for makeup brands, salons, creator shops, and premium social campaigns.
#317CD8Accent#D651D6Surface#EBEEF4Text#121821Support#CE82A4Beauty Brand 7Beauty / Pastel / BrandQuality 97Primary#314DD8Accent#D65198Surface#EBECF4Text#121421Support#CE828FBeauty Brand 1Beauty / Pastel / BrandQuality 95Primary#31D848Accent#51D6AASurface#EBF4EEText#122115Support#8C82CEBeauty Brand 2Beauty / Pastel / BrandQuality 95Primary#31D877Accent#51C5D6Surface#EBF4F0Text#122119Support#A282CEBeauty Brand 5Beauty / Pastel / BrandQuality 95Primary#31ABD8Accent#9851D6Surface#EBF1F4Text#121C21Support#CE82BABeauty Brand 8Beauty / Pastel / BrandQuality 95Primary#4531D8Accent#D6515ASurface#EEEBF4Text#151221Support#CE8B82How to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for beauty brands, salons, makeup shops, and creator storefronts. Keep the main CTA distinct from decorative pinks or neutrals so booking and checkout actions stay clear.
Every generated palette is sorted by a UI quality score that favors readable text, clear surface separation, and controlled saturation.
CSS Variables
:root {
--primary: #317CD8;
--accent: #D651D6;
--surface: #EBEEF4;
--text: #121821;
--support: #CE82A4;
}FAQ
Where should I use beauty brand color palettes?
These palettes are designed for beauty brands, salons, makeup shops, and creator storefronts.
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 the main CTA distinct from decorative pinks or neutrals so booking and checkout actions stay clear.