Generate soft pastel UI designs with calm, airy aesthetics

Soft Pastel Design is a design-style child skill ('calm, airy, and gentle - a low-stress interface built on washed-out, cheerful hues'), part of the design-it family and not meant to be triggered directly. Three core principles: Desaturated High-Lightness Colors (every color is mixed with a heavy amount of white), Soft Rounded Edges (large, friendly border radii), and Airy Spacing (generous whitespace prevents the soft colors from feeling muddy or crowded together).

Use it when the user's request matches this calm, low-stress, cheerful-but-gentle aesthetic - wellness apps, children's products, or lifestyle brands that want warmth without visual intensity. As a design sub-style, it's selected by the parent design-it skill's routing rather than invoked on its own.

Visual DNA uses mint green, baby blue, blush pink, lavender, and buttercream yellow against a warm, slightly off-white background (#FFFBF7) rather than clinical pure white, soft rounded sans-serifs (Quicksand, Nunito) or elegant low-contrast serifs while avoiding aggressive ultra-bold fonts, and very soft, large-spread shadows tinted with the pastel color rather than black. The web implementation defines text color as a soft dark grey (#4A4A4A), never pure black, to keep the overall softness consistent even in body copy; cards get a large border-radius and a shadow tinted with the pastel blue rather than neutral black; and "pill" badges use a pastel background fill with a noticeably darker version of that same hue for the text, ensuring readable contrast without breaking the palette's color family.

.pastel-card { box-shadow: 0 20px 40px rgba(174, 198, 207, 0.15); }
.pastel-pill {
  background-color: var(--pastel-pink);
  color: #a05a6c; /* darker version of the pink for contrast */
}

SwiftUI reproduces the same soft-grey text color and pastel palette (pink, blue, and warm off-white background), applying generous spacing between elements and rounded corners so the desaturated colors read as calm rather than washed-out or muddy - matching the web version's exact hex values for pixel-consistent tone across platforms.

Designers and developers building a wellness app, children's product, or lifestyle brand that wants a calm, cheerful, low-stress visual identity - gentle desaturated color, soft edges, and generous space - rather than high-energy saturated brand colors - the discipline is resisting pure black and pure white everywhere, since both read as clinical or harsh rather than gentle, undermining the calm the whole style is built to deliver.