Arrange the evidence
Drag images into a visual hierarchy, crop each reference and add notes that explain what you want to borrow.
Give your
ideas a direction.
A useful moodboard shows what to make, not just what you like. Arrange image references, extract their colors and write the decisions behind the look.
Open the free moodboard makerLocal images and local exports. No signup. No image upload to our server.
Make references work harder.
Find the actual colors
Sample five frequent color groups from image pixels. Copy a swatch's hex code and compare it with your project's palette.
Share a clear direction
Download your board as a PNG. Keep an editable JSON backup with embedded images, positions, crops and notes.
Your reference workspace
Try the original abstract demo, or replace it with your images. Select a card to edit it. Drag cards or use arrow keys; Shift + arrow moves 10 pixels. Mobile users can scroll the full 1000 × 650 board.
Preparing your demo board…
Edits are held in this tab. Export JSON before closing it. Uploaded images are resized for efficient browser editing; keep your originals separately. Only local raster images are accepted, avoiding external-image canvas export restrictions.
From inspiration to an actual brief.
A moodboard should reduce ambiguity for the person making the work.
What is a moodboard?
A moodboard is a curated collection of visual references that communicates a creative direction: color, texture, composition, atmosphere and style. To make it useful, annotate which parts of each image matter and which parts should not be copied.
How do you create a useful moodboard?
Write a one-sentence project goal. Gather relevant images, narrow them to a coherent direction, group references by purpose, and explain the decisions. Add a palette only when it helps the project. Review the board with the people who will execute it, then translate the references into specific production choices.
In this workspace, choose a reference card and write a caption such as “soft side light; keep the warm background, avoid the dramatic crop.” That creates a clearer instruction than “nice colors.”
How many references should you include?
Use enough to explain the direction without forcing the viewer to guess which images matter. There is no universal ideal count. Remove an image when it repeats a decision already explained; add one when it resolves a real uncertainty, such as material finish or framing.
How does the palette extraction work?
The tool samples each image onto a small canvas, groups RGB values into color buckets, and displays five of the most frequent groups. It is a transparent pixel sampling heuristic, not machine learning or a perceptual color standard. Large backgrounds can dominate the result. The palette describes the image, not necessarily the colors you should use.
What does cropping change?
Crop controls change how a reference is displayed in its card. They do not overwrite the embedded source image. The export uses the same card position and zoom, so you can isolate a relevant texture or lighting detail without losing the original reference.
Can I collaborate or save online?
This tool works locally in one browser tab. It has no accounts, cloud storage, simultaneous collaboration or permission system. Share a PNG for review or hand over the JSON for editing. Use a dedicated collaborative product when shared workspaces and ongoing comments are important.
Choose a moodboard tool for the work.
These are capability-based starting points from official product documentation, not a tested ranking. Prices, plan limits and availability can change; check the vendor before purchasing.
| Workflow | Starting point | Why it fits | Check before choosing |
|---|---|---|---|
| One local reference board | This reference studio | Local image arrangement, palette sampling and portable exports | No cloud collaboration; fixed board size |
| Shared creative direction | Milanote | Purpose-built visual boards designed to be shared | Current image/storage limits and team permissions |
| Reference beside illustration or 3D work | PureRef | Reference-image workspace with always-on-top and grouping features | Platform support and current license requirements |
| Turn references into camera geometry | Lighting & shot planner | Interactive camera and light placement | Illustrative renderer; check real exposure on set |
| Review visual continuity in your video | Video contact-sheet studio | Extract frames for reference and sequence review | Browser support and local media processing |
Write the decision, not just the description.
“Warm amber palette with one cool accent. Keep the rough paper texture; avoid glossy surfaces.”
Original examples for practice; these are not customer testimonials.