Color collection

Pastel Pink Color Palettes

Gentle pink palettes for beauty, creator brands, social cards, and friendly ecommerce UI.

PastelPinkCute
Best for: beauty shops, creator profiles, and social templatesExport: CSS, Tailwind, JSON, SVGPreview: dashboard, landing, mobile UI

How 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.

UI previewPrimary
Card
Button
Accent

CSS Variables

:root {
  --primary: #918EE1;
  --accent: #E89CD1;
  --surface: #EAE7F9;
  --text: #141221;
  --support: #CE8582;
}
Text / Surface contrast: 15.2:1

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.

Related color directions