Pixel Art Color Philosophy: High-End Texture with the Fewest Colors
Color is the most challenging — and most rewarding — part of pixel art. We’re often boxed into a tiny set of colors (16, sometimes just 4). So how do you get rich mood and believable light out of so little? It’s less about picking pretty colors and more about painting the logic of light. Let’s make that tangible.
1. Forget RGB, embrace HSB/HSV
Dragging the R, G, B sliders gives stiff, muddy results. Pixel color that feels good almost always comes from thinking in HSB:
- Hue — the kind of color
- Saturation — how pure it is
- Brightness — how light or dark it is
The trap to avoid: never reach for 100% saturation and 100% brightness. That combination reads like cheap plastic. Pull both back a little and the color instantly feels more deliberate.
2. What makes a good palette?
In a good palette, the colors echo each other — they feel like they belong to the same world. Start from one base color, then derive its shadow and highlight rather than picking unrelated swatches.
The single most useful trick is the hue shift. When you make a shadow, don’t only lower the brightness — nudge the hue toward blue or purple. When you make a highlight, nudge it toward yellow. Watch what that does to the exact same sphere:
Same values, same light. The only difference is that the shadows drift toward purple and the highlight drifts toward cyan.
3. Color ramps
That run of related colors from dark to light is called a ramp. A good ramp is a smooth path through hue and brightness, not just a brightness fade. Here are the two ramps used above — see how the second one travels across the rainbow, not just up and down:
Great pixel artists aren’t really painting colors — they’re painting the path light takes across a surface.
Try it yourself. Pick a base color on the right and watch both spheres re-shade live. The left sphere only changes brightness; the right one shifts hue as well. Each sphere shows its current ramp in the corner:
Notice how the brightness-only ball always looks a little plastic, while the hue-shifted ball gains air and depth — no matter which base color you start from.
4. The gift of limitation: color indexing
Why limit colors at all? Because the limit forces you to make every pixel count. With only 16 slots, you start reusing colors: the same dark purple becomes the shade under a tree and the shadow in a character’s hair. That quiet harmony is something unconstrained color picking can never buy.
Both spheres below share one ramp. Click the darkest swatch to see that single shadow color doing double duty across both objects — that’s color indexing in action:
When one index lights up in two different places, the whole image feels like it was lit by the same sun. That’s the payoff of a tight, cohesive palette.
Start with four colors
There’s no shortcut for color — only practice and observation. Study the palettes of retro classics (the NES / SNES era hides real masters), and when in doubt, start with just four colors. Constraints are a feature, not a bug.
Want to see editable indexed pixels in action? Try the How to Draw Pixel Food Icons, or turn a photo into an editable, palette-limited pixel doc with the Pixel Avatar Generator.
Inspired in part by Slynyrd’s classic Pixelblog series — thank you for sharing so generously.