# Soft aesthetic: gentle colour, airy layouts, quiet type [Canonical HTML page](https://gradiently.design/guide/soft-aesthetic) Milk tea, cloud pink, lavender haze and a lot of empty space. The soft aesthetic is the calmest look on social media, and the easiest to get wrong. Here is how to make it gentle without making it unreadable. ## The short version - The soft aesthetic is a calm visual style built on milky pastels, low contrast backgrounds, generous space and light, quiet typography. - Soft aesthetic colours are pastels mixed with white or grey, such as cloud pink, milk tea, lavender haze, butter and pale sage. - The main risk of the soft aesthetic is unreadable text, because pale words on pale backgrounds fail contrast checks. - Keeping the background soft and the type a deeper tone from the same colour family preserves the gentle mood and keeps words readable. - A soft aesthetic feed looks consistent when every post shares one ground colour, one typeface and a similar amount of empty space. The **soft aesthetic** is a gentle visual style for social media and brands: milky pastels like cloud pink, milk tea and lavender, blurred or barely there gradients, lots of empty space and light, quiet type. It makes a feed feel calm and personal, which is why beauty creators, lifestyle accounts, skincare brands, bakeries and stationery shops love it. Its one weakness is legibility, and that is fixable. ## Soft aesthetic colors Soft colours are pastels that have been mixed with a little white and a little grey, so they look powdery rather than candy bright. Think of colours you might find in a bakery window or a bathroom shelf: blush, cream, butter, lilac, pale sage. - Milk: #fbf7f3 - Cloud pink: #f6d9d5 - Milk tea: #e6d3c3 - Butter: #f7ebc6 - Lavender haze: #dcd3ec - Pale sage: #d5e3d6 - Baby blue: #d2e1ee - Soft cocoa: #5e4c51 Seven powdery pastels and one deeper tone for words. Soft cocoa is gentler than black but still dark enough to read on every colour here. These are softer than the saturated shades in most [pastel colour palettes](https://gradiently.design/guide/pastel-color-palettes). That extra white is what gives the look its calm, but it also means none of these colours can carry text by themselves. ## Soft aesthetic backgrounds Backgrounds in this style barely change. A gradient might move from milk to cloud pink over the whole frame, or a blurred patch of lavender might drift in one corner. The aim is a surface that feels like light through a curtain, not a design that asks to be looked at. - Milk to cloud pink: `linear-gradient(180deg, #fbf7f3 0%, #f6d9d5 100%)` - Lavender haze: `radial-gradient(circle at 75% 25%, #dcd3ec 0%, #f1ebf4 40%, #fbf7f3 80%)` - Milk tea: `linear-gradient(160deg, #fbf7f3 0%, #efe3d6 55%, #e6d3c3 100%)` - Morning sage: `radial-gradient(ellipse at 20% 80%, #d5e3d6 0%, #eef3ec 45%, #fbf7f3 85%)` - Butter, pink, lilac: `linear-gradient(135deg, #f7ebc6 0%, #f6d9d5 50%, #dcd3ec 100%)` - Baby blue glow: `radial-gradient(circle at 50% 40%, #d2e1ee 0%, #e8eff5 45%, #fbf7f3 85%)` Six soft backgrounds. Most move between just two or three neighbouring pastels, and the three colour blend stays clean because each step is a small one. Very pale gradients are the most likely to band when an app compresses them, leaving visible stripes across what should be a smooth blend. A fine grain hides it. [Gradient banding](https://gradiently.design/guide/gradient-banding) explains the fix, and [dreamy gradients](https://gradiently.design/guide/dreamy-gradients) has more blends in this mood. ## How to keep words readable in a soft aesthetic This is where most soft designs fail. White text on cloud pink, or lilac on lavender, looks lovely as a thumbnail and is almost impossible to read on a phone in daylight. WCAG guidance asks for a contrast ratio of at least 4.5 to 1 for normal text and 3 to 1 for large text, and most pastel pairs fall far short. [WebAIM's contrast checker](https://webaim.org/resources/contrastchecker/) will tell you in seconds. ### Pretty but unreadable - White text on pastel backgrounds - Pastel text on a lighter pastel - Hairline type weights at small sizes - Long captions set inside the image ### Soft and readable - A deep tone from the same family: cocoa on pink, plum on lilac - Regular or medium weight for anything under headline size - Short lines with generous spacing - One short line in the image, the rest in the caption The secret is that the type does not have to be soft for the design to feel soft. A deep, warm tone such as soft cocoa or a dusky plum keeps the mood, because it belongs to the same family as the pastels. Black would feel harsh; a pale tint disappears. Gradiently handles this by itself: Auto ink picks light or dark type for each line from the background's own palette, and the background calms itself behind words, with no boxes or shadows. A soft pastel portrait post reading Slow mornings only where the words sit on a pale area and are hard to read When the background ignores the words, pale type can drift onto pale colour and fade. The same soft pastel post with the words clear and readable against a calm area of the background With the background responding, the type stays clear and the mood stays just as gentle. ## Soft aesthetic type and layout - **One typeface.** A rounded sans serif or a light, open serif, used in two weights. - **Lowercase or sentence case.** Capitals shout; the soft look speaks quietly. - **More space than feels necessary.** Words in the middle third, everything else air. - **Rounded shapes.** Pill buttons, circle crops and soft corners on photos. - **Small details.** A tiny star, a hand drawn underline or a date in the corner, never more than one. For faces that stay legible at phone sizes, see [fonts for social media](https://gradiently.design/guide/fonts-for-social-media). ## Building a soft aesthetic Instagram feed On a profile grid, softness comes from consistency. If every post shares the same ground colour and the same amount of space, the grid reads as one calm surface. One bright or crowded post breaks the spell. The words matter too. Soft accounts tend to write the way they design: short, warm, lowercase lines with no hard sell. "new batch, same slow recipe" fits the look far better than a block of capitals announcing a sale. If you do need to promote something, keep the offer in the caption and let the image stay quiet. - Post 1080×1350: 1080 × 1350 - Square 1080×1080: 1080 × 1080 - Story 1080×1920: 1080 × 1920 - Pin 1000×1500: 1000 × 1500 The four formats a soft aesthetic account uses most. Keep the same ground and margins across all of them. 1. **Choose one ground** Milk, milk tea or cloud pink. It appears in every post and every story. 2. **Pick two accent pastels** Rotate them across posts so the grid has gentle rhythm without clashing. 3. **Set one ink colour** Soft cocoa or dusky plum for all words. Never pure white on pastel. 4. **Warm your photos** Lift shadows, lower contrast a touch and pull whites towards your ground colour. 5. **Plan in grids of nine** Mock up the next nine posts together. [Instagram grid aesthetic](https://gradiently.design/guide/instagram-grid-aesthetic) shows layouts that work. Gradiently's Designer can lay out a week of soft posts on one background and make the story and pin versions too, so the whole set matches. For neighbouring looks, see [Instagram aesthetic ideas](https://gradiently.design/guide/instagram-aesthetic-ideas) and the earthier [cottagecore aesthetic](https://gradiently.design/guide/cottagecore-aesthetic). ## FAQ ### What colours are in the soft aesthetic? Powdery pastels mixed with white: cloud pink, milk tea, butter, lavender, pale sage and baby blue, with a deeper tone such as soft cocoa for text. ### How do I make a soft aesthetic background? Blend two neighbouring pastels very gently, such as milk into cloud pink, or place one blurred pastel glow in a corner. Add fine grain to stop banding. ### What text colour works on pastel backgrounds? A deep tone from the same family, such as cocoa on pink or plum on lilac. White text on pastels usually fails contrast checks. ### What fonts suit a soft aesthetic? Rounded sans serifs and light, open serifs in sentence case. Avoid hairline weights at small sizes, because they disappear on pale grounds. ### Is the soft aesthetic the same as the soft girl aesthetic? They overlap. Soft girl began as a fashion and makeup trend with blush pinks and playful details; the wider soft aesthetic applies the same gentle palette and calm layouts to any feed or brand.