Motion Brand Vivid
Animation brand palettes need colors that hold visual weight in motion without vibrating. This collection pairs cobalt and cyan with a near-black base and a warm amber accent — high contrast, low noise, designed to move. Use for brand idents, UI micro-interactions, and product launch animations.
Designed for brand animation and motion graphic contexts. Cobalt and cyan create energy; amber accent provides warmth and rhythm punctuation; charcoal base prevents vibration artifacts in fast transitions.
High-energy palette for brand animation — cobalt, cyan, and electric accent on near-black, calibrated for screen motion.
Palette
Each swatch links back to its individual archive detail page.
Collections should do more than group swatches. Each one should read like a usable design direction with a clear emotional lane and a real application surface.
This detail route is the missing layer between a generic palette gallery and a convincing design reference. It gives the set a specific point of view.
Ready-made tokens for Motion Brand Vivid
Palette packs extend these colors into Figma tokens, CSS variables, Tailwind config, and Procreate swatches — structured to drop directly into your project.
From one collection to a full pack
This collection proves the taste and color direction. The related packs add more collections, token exports, and usage guidance so the palette can move from reference to implementation.
| Layer | What you have here | What the related packs add |
|---|---|---|
| Scope | One curated five-color editorial direction. | More collections, broader token coverage, and a fuller working set. |
| Output | Visual palette, copyable CSS preview, and per-color archive pages. | Downloadable CSS, JSON, Tailwind, and pack-specific asset bundles. |
| Use case | Direction finding, inspiration, and public proof. | Real project handoff, implementation, and reusable product assets. |