Pastel Blue Color Palettes

How to use these palettes

Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for wellness apps, creator portfolios, and clean landing pages. Use a very light blue surface with a darker blue text color before adding pink or yellow accents.

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: #8E90E1;
  --accent: #E89CAB;
  --surface: #E9E7F9;
  --text: #131221;
  --support: #CE8283;
}