vocab.design

aesthetic · theming

Material You

also called dynamic color (material), Material 3 (material), Monet (community), wallpaper theming, wallpaper-based theming (community)

Google's personalization layer where the system derives an app's entire color scheme from the user's wallpaper, so every app shifts together.

Material You arrived with Android 12 in 2021 as the personalization half of Material 3. The system picks source colors out of the wallpaper, expands each into a tonal palette of thirteen fixed lightness steps, and hands apps a set of roles filled from those steps. An app that asks for the primary role rather than for a specific blue gets the user’s blue, and every app that does the same shifts together when the wallpaper changes. The extraction engine was called Monet inside Google, and the name stuck in the modding community long after the docs settled on “dynamic color”.

The machinery underneath is a color space, HCT, that pairs the hue and chroma of CIELAB with a tone axis borrowed from a contrast model, so tone 40 against tone 100 is a guaranteed contrast ratio no matter which hue the wallpaper produced. That is the whole trick: because lightness is standardized and hue is not, an unpredictable seed can drive a predictable, accessible scheme. It also means the design has to be written against roles such as primary, surface, and on-surface rather than against literal values, which is the same discipline a design system asks for with its color tokens.

Two things follow for anyone building on top of it. First, brand color and dynamic color are in tension, and you have to decide which one wins per surface: a payment confirmation may want the brand, a home screen widget almost never does. Second, nothing in the scheme is a constant you may hard code, so illustrations, charts, and anything with a fixed palette need their own answer before the wallpaper picks one for them. The look also travels beyond Android, since the same tonal palette approach shows up wherever a product wants a theme it can generate rather than draw by hand.

The phrase is also used loosely, and it is worth keeping the parts separate. Material 3 is the design system, dynamic color is the mechanism, and Material You is the personalization it makes possible: the large round shapes, the wide corner radii, and the pastel surfaces of the 2021 refresh are Material 3’s own visual language, and they persist whether or not a device is theming from anyone’s wallpaper.

Which word?

If you wantsay
the palette comes from the user's wallpapermaterial you
Material turned up: emphasized type, springy motionmaterial 3 expressive
an opaque window background tinted by the wallpapermica

Related

See also: Seed color · HCT

Implementations

Specimens illustrate the concept; for production use, start here.

materialDynamic color

Sources