Summary
Colour in pixel art operates under self-imposed constraint: limited palettes, no gradients, and carefully chosen shades that must carry all the weight of form, mood, and material. The constraint is the point — fewer colours force more deliberate decisions and produce stronger visual harmony. This page covers the core techniques: understanding colour properties, building limited palettes, using hue shifting for professional shading, and applying colour harmony principles.
Key ideas
The three properties of colour. Every colour has hue (the colour itself — red, blue, green), saturation (the intensity or purity — from grey to vivid), and value (the lightness or darkness — from black to white). Effective pixel art shading involves adjusting all three properties together, not just value.
Limited palettes as artistic choice. Working with 4–16 colours is not a limitation but a design decision that creates visual cohesion. Fewer colours force meaningful choices, create consistent mood, and direct the viewer’s attention. Every colour must earn its place.
Hue shifting. Instead of creating shadows by adding black and highlights by adding white, professional pixel artists shift the hue as they change the value:
- Shadows → shift toward cooler hues (blues, purples)
- Highlights → shift toward warmer hues (yellows, oranges)
This produces more natural, visually interesting shading that avoids the muddy or chalky results of pure darkening/lightening.
The three-shade system. Most pixel art objects use three carefully chosen shades:
- Shadow — cooler and less saturated than the base
- Base colour — the object’s natural colour
- Highlight — lighter and often warmer than the base
A fourth accent highlight (very light, nearly white) can be added for metallic, magical, or glass surfaces.
Dithering. A technique using patterns of two alternating colours to simulate an intermediate colour or gradient. Use sparingly — over-dithering creates visual noise.
| Dithering pattern | Effect |
|---|---|
| Checkerboard | 50/50 blend, high contrast |
| Scattered | 25/75 or 75/25 blend, subtle transition |
| Gradient | Progressive pattern for smooth transitions |
Colour harmony types
| Harmony | Description | Use |
|---|---|---|
| Monochromatic | Variations of a single hue | Safe, cohesive; good for atmospheric scenes |
| Analogous | Adjacent colours on the wheel | Natural, pleasant; suits organic subjects |
| Complementary | Opposite colours on the wheel | High contrast, dynamic; suits character vs background |
| Triadic | Three evenly spaced colours | Vibrant, balanced; suits colourful, energetic games |
| Split-complementary | Base + colours adjacent to its complement | Dynamic but more controlled than full complementary |
Palette size guidelines
| Colour count | Appropriate for |
|---|---|
| 4–8 | Beginners, retro style; forces strongest choices |
| 8–16 | Character design, detailed work; standard |
| 16–32 | Complex scenes, multiple characters |
| 32+ | Environmental art, atmospheric effects |
Building a colour palette
- Choose a base colour (the object’s natural hue at neutral lighting)
- Create shadow: reduce value, reduce saturation, shift hue slightly cooler
- Create highlight: increase value, may increase saturation, shift hue slightly warmer
- Test the three shades together — the transitions should feel natural, not mechanical
- Add accent highlight only if the material requires it (metal, glass, magic)
Light source consistency
All shading must follow a single, consistent light source direction. Top-left is the conventional default for pixel art. Once established, every object in a scene must follow the same direction:
- Surfaces facing the light source → highlight
- Surfaces perpendicular to the light → base colour
- Surfaces facing away from the light → shadow
Colour psychology
Colours carry emotional and cultural associations. For game art, the primary concern is communicating the intended mood:
- Red — energy, passion, danger
- Blue — calm, trust, distance
- Green — nature, growth
- Yellow — warmth, happiness, caution
- Purple — mystery, magic, royalty
Cultural associations vary. Red is auspicious in Chinese culture; white is associated with mourning in several East Asian cultures. For games with diverse audiences, research colour meanings in target cultures.
Accessibility: approximately 8% of men and 0.5% of women have some form of colour vision deficiency. Important distinctions should never rely on colour alone; use value contrast as a backup.
Common shading mistakes
- Pure black shadows — use dark, cool-shifted versions of the base colour instead
- Pure white highlights — use light, warm-shifted versions of the base colour
- No mid-tones — include some transitional areas; jumping directly from light to dark reads as harsh
- Inconsistent light source — all shading must follow the same light direction
- Over-dithering — destroys the clean aesthetic; use only for deliberate transitions
Related
- pixel-art-fundamentals — before applying colour, master pixel placement and silhouette
- pixel-art-character-design — applying colour and shading to character sprites
- pixel-art-environment-art — colour harmony across tile sets
- pixel-art-animation — maintaining colour consistency across animation frames
- game-feel — colour choices as a component of polish and visual feedback
- colour-theory-fundamentals — general colour theory across 2D, 3D, UI, and lighting
- lighting-for-mood-and-guidance — how light directs attention and sets mood
- composition-and-tonality — value, tone key, and compositional framing
- source-2d-game-graphics-course