Motion Design

Cobalt held still while orange, lime and cream move around it: a palette built to be read at three frames

Part of the Innovation & Progress mood, alongside Cyber Minimalism and Glassmorphism. Began in the 1950s, on the style timeline.

Omoro Spectrolab · Color Analysis Sampling Live
PaletteMotion Design
Batch032-MD
Pigments0 / 5 Sampled
MoodCobalt held still whil
Drawdown Recordtap a pull to copy hex
Omoro Color Laboratory - Drawdown Record032-MD / 5 PULLS

cobalt held still while orange, lime and cream move around it: a palette built to be read at three frames

Sampled Pigment- - - - - -
Awaiting SampleRGB - · - · -
● SENSOR OKHEX COPIED ✓
Export Tray - Digitized SwatchesEMPTY
SLOT 01
SLOT 02
SLOT 03
SLOT 04
SLOT 05
On a photo
Motion Design plate1 / 7
Hex Reference
#2244F2Signal Cobalt
#FF5A1FCue Orange
#C8EA32Guide Lime
#0B0B14Void
#F3EFE6Title Cream
Color Psychology

Cue Orange sets the weight of the palette in warmth and creativity, and Signal Cobalt is the swatch that breaks rank: a single blue that stops the set reading as one note. Void to Title Cream spans 87 points of lightness, so the palette can carry its own hierarchy without reaching for a second one. Saturation averages 67 percent with Cue Orange at the top, which is loud enough that the palette will fight anything else on the page.

warmthcreativityapproachabilityenergytruststability
Signal Cobalt#2244F2

Signal Cobalt an electric or cobalt blue: trust with real conviction, confident rather than passive.

Cue Orange#FF5A1F

Cue Orange a citrus-bright orange: enthusiasm, playfulness, an unmistakable call to attention.

Guide Lime#C8EA32

Guide Lime an acid, almost radioactive yellow-green: synthetic, energetic, hard to look away from.

Void#0B0B14

Void a near-black indigo, depth, focus, the color of late-night thought.

Title Cream#F3EFE6

Title Cream a peach or apricot tint, all the friendliness of orange with none of the volume.

The Aesthetic

Design that uses time, rhythm, movement and transition as core visual materials: title sequences, idents, kinetic type, product films and loops

Explore the full Motion Design style guideIts decade on the timeline · 1950s
Related Palettes
Digital Art
Cinematography
Editorial Interface
Neo 3D
Build a look with Motion Design
Not quite the palette you need? Generate your ownExtract from an image or build from a color wheel. Free
About This Palette
What colors are in the Motion Design color palette?

5 colors, calibrated to work as one system.

The swatches

  1. Signal Cobalt: #2244F2
  2. Cue Orange: #FF5A1F
  3. Guide Lime: #C8EA32
  4. Void: #0B0B14
  5. Title Cream: #F3EFE6
What mood does the Motion Design color palette convey?

Cobalt held still while orange, lime and cream move around it: a palette built to be read at three frames

How do I use the Motion Design color palette?

Best applied to

  1. Software and hardware launches
  2. Broadcast, streaming and festival branding
  3. Record labels, live music and club visuals
What are the hex codes for the Motion Design palette?

Hex codes

  1. #2244F2
  2. #FF5A1F
  3. #C8EA32
  4. #0B0B14
  5. #F3EFE6

Generate images in the motion design palette

Omoro reads your visual references and generates in your world. Drop in images with this palette and it extracts the DNA automatically.

Join the waitlist