Color collection
Pastel Pink Color Palettes
Gentle pink palettes for beauty, creator brands, social cards, and friendly ecommerce UI.
#918EE1Accent#E89CD1Surface#EAE7F9Text#141221Support#CE8582Pastel Pink 4Pastel / Pink / CuteQuality 91Primary#8EA3E1Accent#DB9CE8Surface#E7E9F9Text#121521Support#CE8295Pastel Pink 6Pastel / Pink / CuteQuality 91Primary#A88EE1Accent#D0E89CSurface#EFE7F9Text#181221Support#CE9A82Pastel Pink 19Pastel / Pink / CuteQuality 91Primary#8EE18EAccent#E89CA9Surface#E7F9E9Text#122113Support#8282CEPastel Pink 20Pastel / Pink / CuteQuality 91Primary#8EE1A6Accent#E8B39CSurface#E7F9EEText#122117Support#9882CEPastel Pink 3Pastel / Pink / CuteQuality 90Primary#8EBAE1Accent#B89CE8Surface#E7EEF9Text#121921Support#CE82ABHow to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for beauty shops, creator profiles, and social templates. Keep text neutral and let pink act as the emotional accent rather than the only structural color.
Pastel palettes are softened without letting text fade into the surface; the neutral text role is intentionally stronger than the accent colors.
CSS Variables
:root {
--primary: #918EE1;
--accent: #E89CD1;
--surface: #EAE7F9;
--text: #141221;
--support: #CE8582;
}FAQ
Where should I use pastel pink color palettes?
These palettes are designed for beauty shops, creator profiles, and social templates.
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 text neutral and let pink act as the emotional accent rather than the only structural color.