Backgrounds

Aesthetic backgrounds: how to make your own

Downloaded backgrounds are shared by everyone who found the same page. Making your own takes an afternoon, and the result matches your phone, your desktop and your posts.

GradientlyVerified Gradiently account··5 min read
Cover: Hidden Shore · GR·AARW·69

The short version

  • An aesthetic background is usually a soft, low-contrast field of colour with gentle light and a little texture, rather than a busy picture.
  • Most aesthetic looks come from a narrow palette: three to five colours close in lightness, with one slightly deeper tone for depth.
  • A touch of grain makes soft gradients look like film or paper and hides the stripes that smooth gradients can show.
  • Make one look, then export it for each shape you use, such as a 1080 by 1920 phone background, a 1920 by 1080 desktop and a 1080 by 1350 post.
  • Keep the calmest area of the background where clocks, icons or words will sit.
On this page

An aesthetic background is, in practice, a soft field of colour with gentle light and a little texture: a peach haze, a sage morning, a lavender dusk, a dark film-like brown. To make your own, choose three to five colours close in lightness, blend them softly with one gentle light source, add a touch of grain, and export the same look for each screen and format you use. The result feels calm, personal and consistent, which is most of what people mean by aesthetic.

This guide gives you ready palettes with codes, the method for making your own, and a set of sizes so your phone, desktop and posts match. For the colour thinking behind it, see pastel gradients and colour theory basics.

What makes a background look aesthetic

Look closely at backgrounds people save and share and the same traits keep appearing. None of them are about a specific colour: they are about restraint.

  • Low contrast. Colours sit close together in lightness, so nothing jumps out.
  • Soft transitions. Blends are long and gradual, with no hard edges.
  • A light source. One area is slightly brighter, like window light, which gives the field depth.
  • Texture. Fine grain or paper tooth makes it feel physical rather than digital.
  • Space. There is nothing to look at, which is exactly what makes it good behind icons, words and photos.
Eight aesthetic backgrounds as single CSS gradients. Each keeps its colours close in lightness, which is what makes them calm.

Light and dark aesthetics follow the same rules in reverse. Light ones keep every colour pale and let a slightly deeper tone gather at one edge. Dark ones keep everything deep and let a single warmer or brighter pool act as the light, like a lamp in a dim room. Dark backgrounds need grain even more, because banding shows most in shadows; dark gradient backgrounds goes further.

How to make your own aesthetic background

  1. 1

    Pick a mood word

    One or two words: slow Sunday, seaside morning, old library. Moods lead to palettes more reliably than colour names do.

  2. 2

    Collect three to five colours

    Sample them from a photo that has the mood, or build them by hand. Keep them close in lightness, with one slightly deeper tone. Pulling a palette from a photo shows how.

  3. 3

    Choose a light direction

    Decide where the light comes from, usually the top or a top corner. Put the lightest colour there and let the rest fall away from it.

  4. 4

    Blend softly

    Use long transitions with stops spread out, or a few overlapping radial pools for a softer, cloud-like field. Avoid sharp stops.

  5. 5

    Add grain

    A little noise over the whole image. Enough to feel, not enough to see from arm's length. Grainy gradients explains why it works.

  6. 6

    Export for every shape

    Render the look at each size you need, rather than cropping one image, so the light stays in the right place.

A worked palette for a slow Sunday mood: four close, warm tones and one deeper plum that adds depth at the edges.

Aesthetic backgrounds for phone, desktop and posts

The point of making your own is that everything can match. Make one look and export it for each place it lives. Phones are the tallest: many modern screens are taller than 9:16, so export a phone background with extra height, or check your screen's exact size, as explained in phone wallpaper size.

Phone background 1080×1920

1080 × 1920

Desktop 1920×1080

1920 × 1080

Post 1080×1350

1080 × 1350

Square 1080×1080

1080 × 1080

One aesthetic, four exports. Place the light for each shape instead of cropping a single image.

Each shape has its own busy zones. On a phone lock screen, the clock sits near the top and notifications in the middle. On a desktop, icons usually line an edge. On a post, the words need a calm area. Move the light source so the calmest part of the field sits under those elements.

A post on the aesthetic: words sit in the calm upper area.

The same look as a story, rendered for the taller shape rather than cropped.

Keeping it from looking generic

Soft pastel gradients are popular, which means the defaults are everywhere. A few small choices make yours recognisably yours.

Generic

  • A two-colour preset from a generator
  • Perfectly smooth, no texture
  • Evenly lit from corner to corner
  • A different look for phone, desktop and posts

Yours

  • Four or five colours from your own mood
  • Fine grain, like film or paper
  • One clear light source
  • One look rendered for every shape

If you would rather start from something already crafted, Gradiently's Market has thousands of Marks, living gradient backgrounds with colour, material, light, grain and motion, that you can search by colour words like "soft peach" or "deep teal" and design with for free. The Studio can then lay the same look out for your phone, desktop and posts.

Questions people ask

What makes a background aesthetic?

Usually a soft, low-contrast palette, gentle transitions, a single light source and a little texture such as grain. Restraint, rather than any specific colour, is what gives the look.

How do I make an aesthetic wallpaper for my phone?

Choose three to five close colours, blend them softly with the light near the top, add fine grain, and export at a tall size, with extra height for phones taller than 9:16.

What colours are aesthetic?

Any colours can be, if they sit close together in lightness and saturation. Popular families include peach and rose, sage and cream, lavender and grey-blue, and deep browns for darker moods.

Why does my soft background have stripes?

Smooth gradients between close colours show banding on many screens, especially after compression. Adding fine grain and exporting at high quality usually hides it.

Share this guide

Written by GradientlyVerified Gradiently account

The team behind Gradiently, a design tool built around Marks: living gradients that make everything you design look like yours.

See our profile