Colour Theory for Illustrators: Building Palettes That Make Characters Pop

Most colour problems in illustration are not really about colour. When a character looks muddy, flat or lost against the background, the cause is usually value, saturation or temperature: something you can diagnose and fix once you know where to look. In this guide we go through the colour theory we actually use at the drawing board, from the first greyscale check to the final soft proof before printing.

Hue, saturation and value: the three dials

Every colour you pick can be described with three properties. Thinking of them as separate dials, rather than as “a nice blue”, is the most useful habit an illustrator can build.

• Hue is the colour family: red, orange, yellow, green, blue, violet and everything between. It is what most people mean when they say “colour”, and it is the least important of the three when you are trying to make an image read.
• Saturation (also called chroma or intensity) is how pure or grey the colour is. A fire-engine red is high saturation; a brick or dusty rose is lower.
• Value (lightness or brightness) is how light or dark the colour is on a scale from black to white. Value is what the eye uses to read form, depth and silhouette.

Hues also have different built-in values. Pure yellow is very light and pure violet is very dark, even when both are at full saturation. That is why a yellow character on a white background disappears, and why a saturated blue next to an equally dark red reads as a muddle even though the hues are completely different.

When something looks wrong, ask which dial is off before swapping hues.

Value structure first: the squint test and the greyscale check

A strong illustration usually works as a simple arrangement of three to five value groups before any colour is added. Professional colourists often say that “value does the work and colour gets the credit”, and our experience bears this out.

The squint test

Step back from the screen, or zoom out until the image is about the size of a thumbnail, then squint. Fine detail and hue disappear and you are left with big shapes of light and dark. Ask yourself:

• Can I still find the character immediately?
• Does the silhouette separate from the background?
• Is the strongest light–dark contrast where I want the viewer to look?

The greyscale check

Squinting is subjective, so confirm it digitally. Most painting programs let you add a black-filled layer set to the Color or Saturation blend mode at the top of the stack. Toggle it on and off as you work. Do not use “desaturate” as a check, because some desaturation methods weight channels differently from how the eye perceives lightness. A colour-mode layer, or converting a duplicate to Lab and viewing the lightness channel, gives a more honest reading.

A practical value plan for a character piece:

1. Background: one mid value group, kept close in value so it reads as one shape.
2. Character: contrasts with the background, darker against light or lighter against dark.
3. Focal accents: the lightest light and darkest dark sit together around the face, hands or key prop.

Colour harmonies and when to use each

Harmonies are relationships between hues on the colour wheel. They are not rules. They are a quick way to choose hues that sit well together and still give you enough contrast. We usually decide on the harmony at the thumbnail stage, based on the mood the brief asks for.

A useful refinement is the dominant, secondary, accent split: one hue family covers most of the image, a second supports it, and a third, usually the most saturated, sits in a small area near the focal point. A 60/30/10 ratio is a reasonable starting guide.

Temperature and light: warm light, cool shadow

Colour temperature is about how warm (towards orange) or cool (towards blue) a colour feels relative to its neighbours. It is relative: a green can be warm next to a blue and cool next to a yellow.

The working principle is that the light source sets the temperature of the lit areas, and shadows tend to shift the other way. In afternoon sunlight, lit skin pushes towards yellow-orange while shadows pick up the cooler bounce from the blue sky. Under a cold window light or overcast sky the lit planes go cooler and the shadows read comparatively warm. Paint shadows by darkening alone and you get the grey, muddy look that marks a lot of beginner colouring.

A simple lighting recipe for characters

1. Key light: decide its colour first. Golden hour, neon pink, candlelight or cool moonlight each tell a different story.
2. Shadow colour: shift the hue towards the complement of the key light, lower the value, and usually lower the saturation slightly. Use a Multiply layer with a single mid-value cool or warm colour rather than black.
3. Core shadow: the darkest band where the form turns away from the light. Keep it slightly more saturated than the cast shadow next to it, which helps skin look alive.
4. Reflected light: a subtle lift inside the shadow, coloured by the nearest surface (a red shirt bouncing warm light under a chin, for example).
5. Rim light: an optional second source in a contrasting temperature to separate the silhouette from a dark background.

The terminator, the edge between light and shadow, is often where saturation peaks on skin and fabric. A thin, slightly more saturated band there makes flat cel shading look much richer.

Saturation hierarchy and focal points

The eye goes first to the area with the most contrast, and saturation contrast counts as much as value contrast. If every surface in the image is fully saturated, nothing stands out. A planned saturation hierarchy fixes this.

• Tier 1 (highest saturation): the focal point. A character’s eyes, a glowing weapon, a scarf, a logo.
• Tier 2: the rest of the character and important props, moderately saturated.
• Tier 3 (lowest): backgrounds, distant objects and large areas such as skies and walls. Push these towards grey and towards the colour of the atmosphere.

Atmospheric perspective helps: distant objects lose contrast and saturation and take on the sky colour, even in stylised work.

A quick diagnostic: sample the five most saturated pixels in your image with the eyedropper. If they are not at or near your focal point, your hierarchy is fighting your composition.

Limited palettes: fewer colours, stronger images

Restricting your palette is one of the fastest ways to make work look deliberate. It forces you to solve problems with value and temperature instead of reaching for a new hue each time.

Three limited palettes worth trying

• Zorn-style palette: yellow ochre, a warm red, black (which reads as a cool blue-grey next to the warm colours) and white. Excellent for skin tones and portraits, and it teaches temperature quickly.
• Two-hue complementary plus neutrals: one warm and one cool hue, each mixed towards a shared grey. Very effective for posters and convention prints.
• Gamut mask: draw a shape, such as a triangle or a lens, over a colour wheel and only pick colours inside it. Several digital painting tools support gamut masks directly, and you can always use a screenshot of a masked wheel as a reference.

In digital work, build a swatch set of eight to twelve colours per piece, including shadow colours, and sample only from it during flats.

Colour scripts and colour for mood

A colour script is a row of tiny, rough colour thumbnails that plans how colour changes across a sequence: pages of a comic, spreads of a picture book, scenes of an animation, or a set of character illustrations that must work as a series. Animation studios use them to plan emotional beats. Illustrators can use them for anything with more than one image.

How to make a quick colour script

1. Make a canvas of small rectangles, roughly 200 × 120 px each, one per page or scene.
2. Block in each with only three to five flat shapes: sky or background, ground, character and one accent.
3. Label each with its emotional beat: “safe”, “tense”, “climax”, “resolution”.
4. View them all together. Check that the key moment has the strongest contrast and that quiet moments are actually quieter.

Colour and mood associations

Associations vary with culture (white means weddings in some places and mourning in others), so treat these as tendencies:

• High-key, low saturation: calm, airy, nostalgic.
• Low-key with a saturated accent: mystery, drama, tension.
• Warm analogous: comfort, intimacy, energy. Cool analogous: isolation, night, melancholy.
• Sudden hue shift in a sequence: a turning point readers feel even if they cannot name it.

The same thinking applies to costume: a character’s signature colours should read in a tiny thumbnail and contrast with the cast around them, which is a core part of our original character design process.

Accessibility and colour-blindness checks

Colour vision deficiency is common. Red–green types affect around 1 in 12 men and about 1 in 200 women of Northern European descent, with lower but still significant rates elsewhere. For illustrators, this matters most when colour carries information: game assets, infographics, maps, comic sound effects, character line-ups where identity depends on colour, and any print aimed at children.

A practical checklist

• Run a simulation. Photoshop has protanopia and deuteranopia proof settings under its proof setup options, and free browser-based simulators accept any exported image. Check at least the red–green types; tritanopia (blue–yellow) is rarer but worth a glance.
• Rely on value, not just hue. If two important elements differ only in hue, such as a red and a green character of the same lightness, they may look identical to some viewers. Separate them by value as well.
• Add redundant cues. Shape, pattern, silhouette and line weight should carry meaning alongside colour.
• Check text contrast. For lettering and any text in web graphics, the WCAG contrast guideline of at least 4.5:1 for body text is a good benchmark even outside web design.

An image that passes the greyscale check is already more accessible.

Print vs screen: RGB, CMYK, gamut and soft proofing

Colours that glow on a backlit screen often print duller. Screens mix light (RGB, additive), while printers lay down ink (CMYK, subtractive). The range of colours each can reproduce, the gamut, is different, and typical CMYK gamuts are narrower, especially for bright greens, saturated blues, electric violets and neon oranges.

What we recommend

1. Paint in RGB. Blend modes, filters and brushes behave better, and you keep the wider gamut for screen versions. Use sRGB as your working space unless you have a colour-managed workflow and a reason to work wider.
2. Ask the printer for their profile. Commercial printers usually specify one, for example a FOGRA profile in Europe or a GRACoL or SWOP profile in North America. Print-on-demand services and local shops vary, so ask rather than guess.
3. Soft proof before converting. In Photoshop, set up a custom proof using the printer’s profile and turn on the gamut warning to see which areas will shift. Other programs offer similar proofing or a CMYK preview.
4. Adjust deliberately. Pull out-of-gamut areas back by hand: reduce saturation slightly, shift the hue, or lift the value so the image still reads as you intended. Automatic conversion clips colours in ways you may not like.
5. Order a test print for anything going into a run of more than a handful of copies, and view it in daylight, not under a warm desk lamp.

A hardware calibrator and moderate screen brightness also narrow the gap between screen and print. We cover the full file-preparation sequence in our professional digital illustration workflow, and small-format print specifics in our guide to designing button badges for conventions.

Practical exercises to build your colour eye

Colour theory only sticks with practice. These exercises take 15 to 45 minutes each and fit easily into a daily sketchbook habit.

1. Four-value thumbnails: Make six 5 × 7 cm thumbnails of the same character pose using only four greys. Change only where the lightest light and darkest dark sit. Notice how the focal point moves.
2. Same drawing, five harmonies: Colour one line drawing five times, once each with complementary, analogous, triadic, split-complementary and monochromatic schemes. Keep the values identical by colouring over a greyscale base with a Color layer.
3. Light swap: Paint a simple sphere and a head under three lights: warm sunset, cool overcast and a coloured neon sign. Pay attention to how shadow temperature changes each time.
4. Master palette study: Eyedrop eight to ten colours from an illustration you admire. Most professional palettes are far more muted than people expect.
5. Saturation diet: Repaint an old piece with non-focal colours reduced by 20–40% saturation and compare.
6. Proof-and-print: Soft proof a finished piece to CMYK, correct it, print it and compare against the screen.

If you would like structured feedback on these exercises, our drawing lessons and mentoring sessions can include colour critiques of your own work, with paintovers that show the fixes on your image rather than in theory.

A pre-flight colour checklist

Before calling any piece finished, we run through this five-minute list:

• Does the image read in greyscale at thumbnail size, with the strongest value contrast at the focal point?
• Are the most saturated colours at or near the focal point, with backgrounds quieter?
• Is there one dominant hue family, and a consistent light/shadow temperature relationship?
• Does it survive a colour-blindness simulation?
• For print: has it been soft proofed against the correct profile and adjusted by hand?

Start with value, choose a harmony on purpose, light with a temperature plan and spend saturation where it matters. Do that and your characters will stand out without fighting their backgrounds.

Frequently asked questions