Quick answer: To do color temperature in Procreate, decide on a light source and its temperature first, then shift hue toward warm (yellow-orange) in lit areas and toward cool (blue-violet) in shadows, or the reverse for cool light. Pick colors with the Disc or Classic picker, use Multiply and Add/Overlay layers to warm or cool whole areas, and fine-tune overall temperature with Adjustments such as Color Balance and Curves.
Color temperature is the warm-versus-cool quality of a color, and it is one of the biggest differences between flat digital art and paintings that glow with believable light. In Procreate, it is tempting to shade everything by dragging the color picker toward black. That works for value, but it leaves shadows gray and lifeless. Shifting temperature as well as value is what makes skin look alive and sunlight feel warm.
This tutorial explains how to do color temperature in Procreate step by step: the theory you need, how to choose warm and cool colors with Procreate’s tools, layer modes that shift temperature fast, adjustment tools for global changes, and a full workflow you can use on any illustration.
Color Temperature Basics (Without the Jargon)
Every hue leans warm or cool. Reds, oranges and yellows read as warm; blues, blue-greens and violets read as cool. But temperature is relative. A purple-red is cooler than an orange-red, and a green-blue is warmer than an ultramarine-style blue. What matters is how colors compare to each other on the canvas.
The light-and-shadow rule
A widely taught principle is that light and shadow tend to have opposite temperatures:
- Warm light, cool shadows: sunlight, candlelight, incandescent bulbs. Lit areas lean yellow-orange; shadows lean blue or violet, partly because they pick up cooler ambient light from the sky.
- Cool light, warm shadows: overcast daylight, north window light, moonlight, many LED or fluorescent setups. Lit areas lean blue-gray; shadows can look comparatively warmer.
It is a guideline, not a law. Bounce light, colored surroundings and the local color of objects all complicate it. But as a starting point, it instantly makes renders feel more natural.
Temperature vs value vs saturation
When you shade digitally, you can change three things: value (light/dark), saturation (intensity) and hue (including temperature). Beginners usually change only value. Shifting hue slightly toward cool or warm as you go darker or lighter is called hue shifting, and it is the core skill here.
Step 1: Set Up Your Canvas and Layers
A clean layer structure makes temperature work much easier to adjust later.
- Create a canvas at a size that suits your output. For example, many illustrators work around 3000 to 4000 pixels on the long side at 300 DPI for print-quality work, within the layer limits your iPad allows.
- Put your sketch or line art on its own layer.
- Add a base color (flats) layer under the lines.
- Plan separate layers for shadows, lights and atmosphere above the flats, each clipped with Clipping Mask so color stays inside the shapes.
Step 2: Decide the Light Source and Its Temperature
Before picking a single color, answer three questions and note them on a small text layer if it helps:
- Where is the main light coming from?
- Is it warm or cool?
- What is the secondary (ambient or bounce) light, and what temperature is it?
For example: “Late-afternoon sun from upper left, warm orange. Blue sky fill from above. Warm bounce from a sandy floor.” Every color decision follows from this.
Step 3: Choose Warm and Cool Colors in Procreate
Using the Disc picker
Tap the color swatch in the top-right corner and select Disc. The outer ring sets hue; the inner disc sets saturation and value. To hue shift as you shade:
- For a shadow under warm light, move the outer ring a little toward blue or violet, then move the inner point slightly darker and often slightly less saturated.
- For a highlight under warm light, nudge the hue toward yellow or orange and lighten.
Small moves are the key. A shift of a few degrees around the ring often looks more natural than a big jump.
Using the Classic picker and values
Classic and Value modes let you type hue, saturation and brightness numbers (HSB). Writing down a base color’s numbers makes consistent shifts easy. For instance, if a skin base has hue around 25, you might try a shadow nearer hue 10 to 15 (redder, a common shift for skin in warm light) or a cooler violet tint for shadows further from the light. Treat these numbers as experiments, not fixed recipes, and judge by eye.
Using Harmony
Harmony mode shows complementary and analogous colors. Complementary colors are handy for finding a contrasting temperature for shadows or rim lights.
Build a palette first
Create a small palette with a warm light color, a cool shadow color and one or two bounce colors. Having them saved keeps temperature consistent across the whole piece.
Step 4: Shade With Temperature, Not Just Darkness
Now apply it to the painting.
- On a clipped shadow layer, paint shadows with your cool shadow color using a soft or textured brush.
- Set that layer to Multiply. Multiply darkens and tints the flats beneath, so a light blue-violet on Multiply creates cool shadows while keeping local colors readable.
- Lower the opacity until the shadow looks right, often somewhere around 40 to 70 percent.
- On another clipped layer for lights, paint with a warm, light color and try Add, Screen, Overlay or Soft Light. Add is strong and luminous; Overlay and Soft Light are subtler and boost saturation.
- Add core shadows and occlusion (the darkest areas where objects meet) on a normal layer if you want more control.
Painting directly without modes
Some artists prefer to pick each color manually on normal layers. This gives the most control and often a more painterly look. If you go this route, still follow the rule: every step darker also shifts hue a little cooler (or warmer), not just darker.
Step 5: Add Bounce Light and Rim Light
Secondary light is where temperature work really pays off.
- Bounce light: light reflecting from nearby surfaces carries their color. A figure standing on red brick may have a warm reddish glow under the chin. Paint it softly into the shadow side on an Add or Overlay layer at low opacity.
- Rim light: a thin edge of light from behind. A cool rim light against a warm-lit subject, or the reverse, creates separation from the background.
- Sky light: outdoors, upward-facing planes often pick up a cool blue tint from the sky, even in shadow.
Step 6: Shift Overall Temperature With Adjustments
Procreate’s Adjustments menu (the magic wand icon) can change temperature for a single layer or the whole painting.
| Adjustment | How it helps with temperature |
|---|---|
| Color Balance | Pushes shadows, midtones and highlights separately toward warm (red/yellow) or cool (cyan/blue) |
| Curves | Adjusting the red and blue channels warms or cools specific value ranges |
| Hue, Saturation, Brightness | Shifts hue of a layer quickly; good for testing alternatives |
| Gradient Map | Maps values to a custom color gradient; useful for dramatic lighting moods |
A classic combination
Open Color Balance, select Shadows and nudge toward blue; select Highlights and nudge toward yellow. This “warm highlights, cool shadows” grade is a quick way to unify a painting that feels flat. Duplicate your merged painting first, or apply adjustments to a flattened copy, so you can compare and revert.
Step 7: Unify With an Atmosphere Layer
Real light tints everything in a scene. To mimic that:
- Create a new layer at the top of the stack.
- Fill it with a color matching your light source, such as soft orange for sunset or blue-gray for overcast.
- Set the mode to Overlay, Soft Light or Color, and lower opacity to around 5 to 20 percent.
- Erase or mask areas that should stay cleaner, if needed.
This subtle wash glues separate colors into a single lighting environment.
Worked Examples
Portrait in warm window light
Skin base: warm peach. Light side: lighter, slightly more yellow. Shadow: darker, shifted toward red at the transition (where light scatters under the skin), then cooler and more violet in deeper shadow. Background: muted blue-gray to make the warm skin pop.
Night street scene
Ambient light: deep blue moonlight across rooftops and walls. Local warm light: orange streetlamps and windows. Shadows near the lamps are relatively warm; shadows away from them sink into cool blue. The contrast between the two temperatures creates the mood.
Overcast landscape
Cool, gray-blue light. Lit planes lean blue-gray; shadows are less distinct and can appear slightly warmer in comparison. Saturation stays low overall, with a few warmer accents such as dry grass or rooftops.
Common Mistakes
Shading with black or gray. Dragging toward black desaturates and muddies colors. Shift hue and value together instead.
Too much shift. Neon-blue shadows on a warm face look like a filter. Subtle shifts are more convincing.
Inconsistent temperature. If one object has warm shadows and the next has cool ones under the same light, the scene stops making sense. A saved palette helps.
Forgetting the background. Background temperature affects how warm or cool the subject looks. A cool background makes warm subjects feel warmer.
Over-relying on blend modes. Modes are fast, but stacking many Add and Overlay layers can blow out saturation. Check your painting in grayscale occasionally (add a black-filled layer set to Color at the top) to confirm values still read correctly.
Practice Exercises
- Sphere study: paint the same gray sphere three times under warm, cool and neutral light. Notice how shadow color changes.
- Limited palette: paint a simple still life using only one warm and one cool color plus white, mixing everything else.
- Grading test: take a finished piece, duplicate it, and use Color Balance to make a warm-light and a cool-light version. Compare the mood.
- Master study: sample colors from a traditional painting you admire and note how hue shifts from light to shadow.
Learning From Traditional Painting
The warm-cool approach in Procreate comes straight from traditional painting, where artists mix temperature physically on the palette. Studying how oil painters handle temperature, for example how they cool flesh tones as they turn away from the light or warm reflected light in shadows, sharpens your digital color choices too. Our guide to color temperature in oil painting breaks down those principles with palettes and examples you can translate directly to digital brushes.
FAQs
What is color temperature in digital art?
Color temperature describes whether a color leans warm (reds, oranges, yellows) or cool (blues, greens, violets). In digital art, managing temperature between lights and shadows helps create believable lighting and mood.
How do I make shadows cooler in Procreate?
Paint shadows on a clipped layer with a blue or violet tint and set it to Multiply at reduced opacity, or select shadow colors by shifting hue toward blue on the color disc as you darken. Color Balance on Shadows toward blue also works on a finished piece.
Which blend mode is best for warm light in Procreate?
Add and Screen create bright, glowing light; Overlay and Soft Light give subtler, more saturated warmth. Many artists use Add for strong highlights and Overlay or Soft Light for overall warm washes.
Do shadows always have to be cool?
No. Under cool light, shadows often look warmer by comparison, and bounce light from warm surfaces can warm shadows too. Warm light with cool shadows is a common guideline, not a rule.
How can I check if my colors still have good values?
Add a layer filled with black at the top, set it to Color or Saturation mode, and view the painting in grayscale. Hide the layer again when you are done. Values that read clearly in grayscale usually hold up in color.
Is hue shifting the same as color temperature?
They are closely related. Hue shifting means changing hue as values change, and shifting toward warmer or cooler hues is one of the most common ways to show color temperature.
Final Thoughts
Doing color temperature in Procreate comes down to planning your light, shifting hue along with value, and using layer modes and adjustments to keep temperature consistent across the image. Start subtle, check your values and build a reusable palette for each lighting setup. To deepen your understanding of why these warm and cool relationships work, the principles in our oil painting color temperature walkthrough transfer remarkably well to digital work.
