Metlivi Blog

How to Choose a Limited Palette for a Small Animal Sprite

For a small animal sprite, start with the few colors needed to separate its silhouette, main body, shadow, and one or two defining features. Build a short dark-to-light ramp for the dominant material, then test the colors on the sprite at its intended display size. A useful first pass is often about 4–8 colors for a 16×16 character, but that is a starting range, not a rule: the sprite’s size, number of materials, lighting, and design all matter.

October 15, 20267 min readBy Metlivi Editorial Team

Open Products Back to blog

Section 1

Start with the sprite’s job and size

Decide what the animal needs to communicate at a glance. A tiny icon may need only a clear body shape and one distinguishing mark; a larger character might also need separate colors for its belly, ears, paws, or accessories. List only the features that must remain distinguishable at the sprite’s intended size. This keeps palette choices tied to visible jobs rather than to a target color count.

A specialist pixel-art guide suggests roughly 4–8 colors, including outline, for a 16×16 character and 8–16 for a 32×32 character. Treat those as practical starting points: a single-material animal can need fewer, while several materials or unusually important markings may need more. The relevant measure is whether each color contributes a visible distinction. Tsubu’s guide to pixel-art palettes

Section 2

Pick the features that deserve their own color

Before choosing exact shades, identify the main body material and the animal’s most recognizable secondary feature. For example, a small fox might use one body ramp and reserve a pale color for its muzzle and chest; a dark cat might use a lighter face or eye detail to distinguish its expression. These are design examples, not required animal color schemes. If two areas merge at native size, they may need clearer value separation. If they already read as one shape, giving them separate colors may add clutter without adding useful information.

An outline can share the darkest body shade or use its own color. Sharing a dark shade saves a palette slot and can help connect forms, while a separate outline makes sense when the sprite needs a strong edge against its background. Check the result against the actual game background or export backdrop: an outline that disappears into that color will not clearly mark the contour.

Section 3

Build a short ramp for the main body

A color ramp is a small sequence of shades for one material, ordered from dark to light. Begin with three roles: shadow, base, and light. Add a deeper shadow or bright highlight only when the sprite needs it. Pixel-art guidance commonly describes ramps of three to five steps, with the darkest step sometimes doing double duty for line work. Pixor’s guide to palette ramps

Choose a base color that supports the look you want, then create a darker and a lighter neighbor. Each step should be visibly different from the next when placed on the sprite. A row of swatches can look varied while producing little visible change across a small cluster of pixels, so judge the ramp in context. Avoid assuming every material needs a completely separate sequence: a shared shadow or highlight can let a compact palette shade more than one area.

Section 4

Shift hue as well as brightness

When you make a shadow by only darkening the base, the ramp may look flat or muddy. Try moving hue slightly as brightness changes: for instance, a warm base can have a cooler shadow and a warmer light. The direction depends on the intended lighting and style, so blue-violet shadows and yellow-orange highlights are common options, not a mandatory formula. Pixor’s hue-shifting guide

Keep the shift restrained enough that the ramp still reads as one material. Apply a similar lighting direction across the animal’s body, face, and any secondary ramp; unrelated shifts can make one tiny sprite seem lit from several directions. Pixel artist Raymond Schlitter’s palette tutorial also discusses hue changes along ramps and adjusting saturation, while stressing that the ramp’s visual result needs judgment rather than a fixed mathematical recipe. Slynyrd’s Pixelblog on color palettes

Section 5

Check value separation before adding detail

Hue names alone do not guarantee that neighboring areas will separate. A reddish-brown body and green accessory, for instance, can have similar brightness and blend together at small scale. Temporarily view the sprite in grayscale or compare the regions by eye: can you still distinguish the silhouette, face, and key marking? Pixor recommends checking ramp brightness in grayscale; Tsubu’s guide likewise emphasizes testing neighboring areas at the sprite’s actual size. Pixor on ramps, Tsubu on value contrast

If two important regions merge, first adjust one color’s brightness or choose a nearby ramp shade with more separation. If they remain hard to distinguish, alter hue or reserve a distinct accent. Do not add a new color solely because a detail is hard to see when the detail itself may be too small to survive at the final size. In that case, simplifying or enlarging the shape may be more effective than adding another swatch.

Section 6

Test the palette on the sprite, not only in a swatch row

Place the colors into the actual design and inspect it at native size. Zooming in helps you place pixels, but it can conceal whether the colors work when the sprite is displayed small. Check the contour against its background, then check the face and other signature features. If the animal is animated, preview a few frames: a color that works in one pose may merge with another feature when the silhouette changes.

Use a simple revision loop: mark each color’s role, inspect the sprite at 1×, identify the first unclear feature, and change the smallest number of swatches needed to clarify it. When a color has no visible job, try removing or merging it. When you add a color, say what it enables—such as separating a pale belly from the torso—then check that the distinction is actually visible. This role-based check is a practical way to avoid expanding the palette by habit.

Section 7

Choose a ready-made palette or make a small custom one

A community palette can provide a coordinated set of colors to test quickly. Select a subset that suits the animal’s materials and intended mood; a palette’s total number of entries is not a target for every sprite. If you make your own, begin with the body ramp and add colors only for features that need separation. Build and test the sprite before filling out extra shades.

In Aseprite, RGB mode allows colors that are not listed in the palette bar, while Indexed mode maps each pixel to a palette entry and constrains drawing to those entries. Editing an indexed palette color changes pixels that use that index, which can be useful for adjusting a whole ramp at once. Indexed mode also uses a palette index for transparency. These are workflow behaviors specific to the software, not requirements for choosing a limited palette. Aseprite’s color-mode documentation

Section 8

A compact decision checklist

Before settling on the palette, confirm that the animal’s silhouette and defining feature read at the intended display size; the body ramp has clear shadow, base, and light roles; important neighboring regions remain distinct in grayscale; the outline separates the sprite from its background; and every swatch has a visible purpose. If one check fails, revise that specific relationship and inspect the sprite again. Keep the palette as small as the design allows, while preserving the features that make this animal readable.

Section 9