soft-pastel
Web and App implementation guide for Soft Pastel Design. Trigger when user wants gentle colors, calming UI, baby/lifestyle branding, or low-contrast aesthetics.
Profile →npx skills add sickn33/agentic-awesome-skills --skill soft-pastel --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Soft Pastel Design > "Calm, airy, and gentle. A low-stress interface built on washed-out, cheerful hues." ## When to Use Use this sub-style when the user's request matches the aesthetic described above. This is a child reference of the `design-it` skill and is not meant to be triggered directly. ## Core Principles 1. **Desaturated, High-Lightness Colors**: Every color is mixed with a heavy amount of white. 2. **Soft, Rounded Edges**: Border radii are large and friendly. 3. **Airy Spacing**: Generous whitespace prevents the soft colors from feeling muddy or crowded. ## Visual DNA - **Colors**: Mint green, baby blue, blush pink, lavender, and buttercream yellow. Use a warm, slightly off-white background (e.g., `#FFFBF7`) rather than clinical `#FFFFFF`. - **Typography**: Soft, rounded sans-serifs (`Quicksand`, `Nunito`) or elegant, low-contrast serifs. Avoid aggressive, ultra-bold fonts. - **Shadows**: Very soft, large-spread shadows, often tinted with the pastel color rather than black. ## Web Implementation - **CSS Example**: ```css :root { --pastel-bg: #FFFBF7; --pastel-pink: #FFD1DC; --pastel-blue: #AEC6CF; --pastel-green: #B7E4C7; --pastel-text: #4A4A4A; /* Soft dark grey, NOT
- When to Use
- Core Principles
- Visual DNA
- Web Implementation
- App Implementation
- SwiftUI
- Flutter
- React Native
- Jetpack Compose
- Do's and Don'ts
- Limitations
What does the soft-pastel skill do?
Web and App implementation guide for Soft Pastel Design. Trigger when user wants gentle colors, calming UI, baby/lifestyle branding, or low-contrast aesthetics.
How do I install it?
Run `npx skills add sickn33/agentic-awesome-skills --skill soft-pastel --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.