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.
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.
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.