Logo

Why Colour Does More Than Look Pretty

Colour is the first thing a player reads on a card, often before the title and almost always before the rules text. It tells them whether the card in their hand belongs to a fire faction or a forest faction, whether it's a cheap little utility card or a bomb they should save for the right moment. In a well-illustrated card game, colour does the work of a dozen small labels. That makes palette choice a design decision rather than a decorative one — something worth thinking about at the thumbnail stage, not the final render.

Value First, Hue Second

The single most useful habit is to sort your palette by value before you fall in love with any particular hue. Value is simply how light or dark a colour reads, and it survives being photocopied, dimmed by a phone screen, or squinted at across a table. If two cards need to feel different, make sure they differ in value as well as hue.

A quick test: turn your illustration greyscale and shrink it to thumbnail size, roughly thirty millimetres across. If the card still reads clearly — the creature silhouette legible, the symbol sitting proud of its background — the values are working. If everything collapses into grey mush, no amount of saturation will rescue it. Professional card illustration is full of muddy-looking greyscale tests that bloom into vivid colour, because the artist built the picture in values first and let hue ride on top.

Building a Palette That Supports Symbols

Symbols are the interface layer of a card, and they need a clear run at the player's attention. The most common mistake is illustrating in the same hues used for icons, so a blue spell icon vanishes into a blue sky and a red damage pip disappears into a cloak.

• Reserve a hue family for the interface. If symbols are largely gold and ivory, keep gold and ivory mostly out of the illustration, or at least away from the areas where symbols will sit.
• Give symbols a consistent outline. A dark keyline or a pale halo around every icon guarantees separation regardless of what lies underneath.
• Keep icon backgrounds quieter. A muted or desaturated panel behind each symbol gives it a stage. Save your loudest saturation for the symbol itself.
• Limit the palette per card. Three or four hues plus neutrals is usually plenty. Cards that try to hold twelve colours fight themselves.

Warm and Cool as a Table-Level Language

Warm colours advance; cool colours recede. That's basic, but on a table covered in dozens of cards it becomes a powerful navigation tool. If every aggressive faction card leans warm and every defensive or control card leans cool, players can read the board state from the other side of the table without reading a word.

Try the old 60-30-10 split as a starting point: sixty per cent dominant hue, thirty per cent secondary, ten per cent accent. On a card, the dominant might be the environment, the secondary the character, and the accent a glow or a symbol. The accent should be your most saturated colour, because that's where the eye lands last and stays longest. Swap the ratio occasionally for hero cards to signal importance — a card that upends the usual balance feels special before the player knows why.

Designing for Colour Vision Deficiency

Around one in twelve men and one in two hundred women have some form of colour vision deficiency, most commonly difficulty separating red from green. If your card game relies on a red faction versus a green faction, you've built a game some players cannot read. That's a fixable problem, and the fix makes the design stronger for everyone.

The principle is redundant coding: never let colour carry information alone. Back it up with shape, pattern, iconography, or position on the card. A red faction and a green faction become unmistakable when the red cards also use angular borders and the green cards use leafy, rounded ones. Run the greyscale test on your symbols as well as your illustrations, and check that dark iconography against a mid-tone background still hits a luminance contrast of roughly three to one. For rules text, aim higher — four and a half to one is the usual accessibility benchmark.

A Practical Workflow for Card Palettes

You don't need expensive software or a colour science degree. You need a routine that forces you to test early and test cheaply.

• Start in greyscale. Sketch three or four value patterns before choosing a single hue. Decide where the light is and what the card's focal point is.
• Pick a faction anchor. Choose one saturated hue that identifies the faction, then build a small ramp of light, mid and dark versions of it.
• Add neutrals. Two warm and two cool neutrals will carry most of your illustration and keep your saturated colours feeling precious.
• Placeholder the symbols early. Drop your icons in at the thumbnail stage. If they need a panel or a halo, you want to know that before you paint the sky.
• Test in context. Lay six finished cards side by side on a plain table and photograph them under normal room light. Cards are judged in a fan, not in isolation.

Colour theory isn't a set of rules to obey so much as a set of questions to keep asking. Does the card read at a glance? Does the symbol win the fight for attention? Does the table tell a story in warm and cool before anyone picks up a card? Answer those honestly and your palettes will do more work than any amount of rendering.