How to Match Colors to Your Wallpaper

Every wallpaper here lists its exact palette — the three to five hex codes that define its look. Those codes are a small superpower: use them to coordinate your widgets, icons and themes so nothing on your screen looks random.

Where to find the codes

Open any wallpaper and look at the "Color palette" section. Each swatch shows a color name and its hex code, like #1A2B3C. Tap a swatch to copy the code straight to your clipboard.

What a hex code is

A hex code is a six-digit label for one exact color — two digits each for red, green and blue. #FFFFFF is pure white, #000000 is black, and everything sits in between. Every design tool, widget app and website accepts them, so a code copied here works anywhere.

Coordinate widgets and icons

Widget apps (Color Widgets and similar) and icon-theming tools let you paste a hex code as a background or accent. Pick one color from the palette for your widgets and a second for accents, and your home screen instantly looks curated instead of thrown together.

Build a matching theme

Use the darkest color as a background, the brightest as an accent for buttons or highlights, and a mid-tone for secondary text. This three-role split — background, accent, secondary — is exactly how designers work, and a wallpaper's palette hands you a set that already goes together.

Beyond the phone

The same codes work for a desktop setup, a Notion or slide theme, a profile banner or a small website. Because each color was sampled directly from the image, anything you paint with it matches the wallpaper exactly. Want to start from a color instead? Browse wallpapers by color to find a palette you love.

Related wallpapers

More guides

Looking for wallpapers? browse the gallery.