← Learn

How film color scripts can inform UI palettes

Animators plan color across an entire story before a single frame is finished. Product designers can borrow the technique for onboarding flows, campaigns and brand evolution.

By Hana SatoPublished 6 May 2026Updated 6 May 20266 min read

A color script is a sequence of small paintings — often no larger than a postage stamp each — that maps the dominant palette of every scene in a film. Studios use them to plan emotional rhythm: where the story should feel warm, where it should go cold, where it should shock. The script lets a director see the whole emotional arc at a glance and spot problems, like three consecutive sad scenes that all happen to be blue.

Why this is useful outside film

Most product color work treats the palette as static: one set of values, applied everywhere. But users move through products in sequences — onboarding, checkout, a campaign that runs over months, a brand that evolves over decades. Each of these has an arc, and color can support or undermine it.

Click any swatch to copy its value.

This is the three-act script that ships as a demo in Palettos: warm domestic amber, a cooling departure, the teal of an unfamiliar city, a slate crisis, and a resolution that lands on a new pale gold rather than returning home.

Three applications

  • Onboarding: many products open with a vivid, celebratory welcome and then drop users into a grey dashboard. A color script makes that cliff visible. Consider a deliberate step-down in saturation that eases users into the working environment.
  • Campaigns: a quarter-long campaign can be scripted so that teaser, launch and sustain phases feel related but progress — the same roles, gradually shifting values.
  • Brand evolution: plotting a brand's historical palettes on a timeline often reveals that the 'new' direction is simply the next logical step, which makes it far easier to explain to stakeholders.
Color is the fastest emotional channel you have. A script makes sure you're saying something on purpose.

Interpolation matters

When you move between two colors, the path matters as much as the endpoints. Interpolating in RGB tends to pass through muddy greys; interpolating in perceptual spaces like LCh keeps chroma more consistent. Palettos' Timeline interpolates in LCh for exactly this reason, which is why its gradients stay luminous.

Write the narrative

The most important part of a color script isn't the colors — it's the sentence under each one. 'Isolation: saturation drops, hue drifts to blue-grey.' Without that sentence, the next designer has only a gradient. With it, they have a brief.

Put it into practice

Build a color script in Timeline →

Sources & standards

  • Amid Amidi, 'The Art of Pixar' (2011)
  • Patti Bellantoni, 'If It's Purple, Someone's Gonna Die' (2005)

Hana Sato

Contributing editor, print & material

Hana trained as a printmaker in Kyoto before moving into brand design. She writes about the gap between screen colour and physical material, and still mixes her own inks.

Keep reading