XO3D Studio · Colour
Colour in Art and CGI: Palette, Theory and Practice
The colour system that anchors the brand.
Colour is not a decoration. It carries brand, mood and meaning across every deliverable in the launch. This guide covers colour theory basics, palette construction, and how to specify colour so it survives translation between screen, print and CGI.
Colour, translated across every touchpoint.
Brand colour needs to survive translation across screen, print, film, CGI and physical product. That translation is not automatic, colour spaces, monitor calibration, print profiles and material rendering can all shift the same value.
This guide covers the practical decisions that keep colour consistent from mood board to finished deliverable.
Advantages
Why brands commission it.
Brand consistency across every touchpoint.
When the colour system is tight, every deliverable reads as the same brand. Homepage still to social bumper to retail signage.
Objective sign-off criteria.
Colour codes are objective. 'Matches Pantone 288' is a sign-off criterion, 'looks right' is not.
Cross-media consistency.
Pantone codes plus proper colour management keep screen, print and CGI aligned.
Range extension is straightforward.
With a defined system, new colourways and range extensions fit inside the brand without drift.
Trade-offs
What to plan for.
Colour translation is imperfect.
Screen RGB, print CMYK and material Pantone do not map perfectly. Some drift is unavoidable, minimise it, do not chase perfection.
Monitor calibration matters.
Uncalibrated monitors see different colour. Design decisions on uncalibrated screens fail on calibrated ones.
Print proofs are essential.
Print proofs on production paper stock catch differences that on-screen soft-proofing misses.
Material rendering can shift colour.
CGI materials can render a Pantone value slightly differently depending on light. Directed reviews with physical swatches close the loop.
Applications
Where the finished asset ships.
Primary brand colours.
The one or two anchor colours the brand always uses. Specified in Pantone, hex and typically CMYK.
Secondary palette.
Supporting colours for range extension, secondary UI and marketing. Balanced against the primary.
Neutrals and grounds.
Background, text and neutral tones. Often overlooked but critical to hero image feel.
Accent and highlight.
High-saturation accents for CTAs, hero product moments and campaign lock-ups.
Material and finish colours.
Real-world material colours, distinct from screen brand colours. Pantone codes tied to physical swatches.
Colour in motion.
Colour choices in animation and film. Transitions, grades, dynamic light. Governed by the same palette rules.
Process
How the work is produced.
- STAGE 1
Define primary colours.
Pantone, hex, CMYK all specified together. Ties screen, print and material colour.
- STAGE 2
Build the supporting palette.
Secondary, neutral and accent colours defined against the primary. Balance and hierarchy locked.
- STAGE 3
Calibrate monitors.
Colour design happens on calibrated screens. Uncalibrated design costs revision.
- STAGE 4
Reference physical swatches.
Pantone books, physical material samples, print proofs. Reality-check the on-screen values.
- STAGE 5
Match CGI to reference.
CGI materials tuned against physical Pantone chip reference. Reviews with the swatch in hand.
- STAGE 6
Document the system.
Brand guidelines specify every colour in every colour space. Removes ambiguity across every project.
Who this is for
Built for teams making it happen.
Brand and creative directors defining and enforcing colour systems. In-house designers and CGI artists working inside those systems.
Agencies handling brand colour across print, screen and CGI. Product teams choosing physical material colours.
Case studies
Recent work.
Petalite EV charger. Full launch content set from one CGI build, applying the disciplines in this guide.
View case study
Sony WF-C710 wireless earphones. Techniques from this guide applied to hero animation and product imagery.
View case study
G-Lab gaming keyboard launch. One 3D build driving film, stills, and interactive content.
View case studyTestimonial
The team at XO3D were a pleasure to work with on one of our big product launches. They rendered, batched, and saved out literally thousands of images for us. Every single one came out perfect.
For sibling topics, see mood boards and understanding materials and textures.
FAQ
Common questions, answered.
What is the difference between RGB, CMYK and Pantone?
RGB is screen colour (additive light). CMYK is print colour (subtractive ink). Pantone is a physical swatch standard used for print, material and cross-media colour consistency.
How does colour translate between screen and print?
Not perfectly. Colour-managed workflows using ICC profiles minimise drift, and print proofs on production stock catch remaining differences before final production.
Do CGI renders match physical colours?
With calibrated materials and lighting, yes, within tolerance. Reviews with physical Pantone reference or product swatches close the loop.
How many colours should a brand palette have?
Typically 2 to 6 primary and supporting colours, plus neutrals and accents. Fewer colours enforce discipline; more colours risk drift.
Working on a project?
Tell us about it.
Thomas or Alex replies personally — usually within one working day.