WidgetCraftGet the app

Pastel · Home screen setup

Pastel home screen setup

By the WidgetCraft team · Updated

Pastel widgets use pale pink, mint, lilac and butter yellow with very round corners and soft type. They feel light and friendly and work well for moods, music and small daily notes. This setup uses three widgets, one wallpaper and one palette so the whole screen reads as a single design.

Pastel home screen setup: music, quote, to-do list widgets
Design preview of the three widgets stacked on one screen.

The three pastel widgets

  1. Pastel music widget (4 × 2): shows the song that is playing with play, pause and skip controls.
  2. Pastel quote widget (4 × 2): displays a line you want to see every day.
  3. Pastel to-do list widget (4 × 2): keeps today's tasks on your home screen with boxes you can tick.

Place them top to bottom in that order and leave the row above the dock empty so the wallpaper has room.

Music player widget settings

A now-playing widget shows cover art, the track and artist, a progress line and three controls. It works with whichever app is playing, not one particular service.

Styling is free; the live data needs Pro. Full recipe and steps.

Quote widget settings

A quote widget is pure typography, so the style shows more clearly here than anywhere else. Line length, line spacing and the size of the quotation mark do the design work.

Free to build. Full recipe and steps.

To-do list widget settings

A to-do widget works when it is short. Three tasks, a clear title and a box to tap are enough; a long list belongs in an app.

Free to build. Full recipe and steps.

How to set up a pastel home screen

  1. Set the wallpaper first, so you can judge every color against it.
  2. Build the music widget and add it to the home screen at 4 × 2.
  3. Duplicate its canvas settings for the quote and to-do list widgets so the background, radius and outline match exactly.
  4. Place all three, then adjust margins until the left edges line up.
  5. Change the icons last, and remove any app you do not use daily from the page.

Pastel wallpaper ideas

A soft gradient between two pastel tints or a pale cloud photo.

Pastel icons and dock

Pastel icon packs or white glyphs on tinted circles.

Pastel home screen colors

Fonts for a pastel home screen

Use Nunito (import the font file), or the built-in Sans at weight 700. Corner radius is 30 on every widget so the shapes match.

Do and avoid

Similar setups