ESPORTTEAMCOLORS

Esport Fan Art Color Guide: Getting Team Colors Right

6 min read·Published 2026-05-27

Why Color Accuracy Matters in Fan Art

Fan art that uses the wrong shade of a team color looks off to dedicated fans — even if they cannot articulate why. The difference between T1 Red (#E4002B) and a generic crimson is subtle in isolation but immediately noticeable to fans who have spent years seeing the official color on jerseys, social media, and broadcast overlays. Accuracy is what separates professional-quality fan art from casual sketches.

Color accuracy also affects how teams and communities engage with fan art. Organizations are more likely to share, repost, and feature fan art that correctly represents their brand. Getting the colors right increases the visibility and reach of your work within the esport community.

Finding and Using Official Color Codes

Always start with documented color codes rather than eyedropping from images. JPEG compression, monitor calibration, and color profiles all introduce errors when sampling from photos or screenshots. Use a verified reference like EsportTeamColors to get the exact HEX values, then input them as custom colors in your drawing application.

In Procreate, Clip Studio Paint, Photoshop, and most digital art tools, you can create a custom palette with the team's official colors. Save this palette for future use — once you have accurate swatches, you never need to look up the codes again.

Shading and Lighting with Team Colors

A common mistake in fan art is using pure black for shadows and pure white for highlights on team-colored elements. This creates flat, lifeless color. Instead, shade team colors by shifting the hue slightly and reducing saturation. For T1 Red, shadows should lean toward a deeper, slightly cooler red — not gray-black.

HSL is the most useful color format for shading decisions. Start with the team's official HSL values, then create shadow variants by reducing L (lightness) by 15-25 percent and shifting H (hue) 5-10 degrees toward blue. Create highlight variants by increasing L by 10-15 percent and shifting H slightly toward yellow. This produces natural-looking lighting that preserves the team color identity.

Working with Team Palettes That Have Few Colors

Many esport teams have palettes of only two or three colors. For fan art, you need more color variety than a branding palette provides. Extend the palette by creating tints (adding white), shades (adding black), and tones (adding gray) of the official colors. This gives you a full range of values while staying on-brand.

The team's primary color should dominate the composition. Secondary and tertiary colors work as accents, highlights, or environmental elements. Background elements can use desaturated versions of the team palette to create depth without introducing off-brand hues.

Common Color Mistakes to Avoid

Mistake one: eyedropping from JPEG images. The sampled color is almost never the official color due to compression artifacts. Mistake two: using the team color at full saturation everywhere. Reserve full saturation for focal elements; use desaturated variants for backgrounds and large areas. Mistake three: ignoring the team's secondary color entirely. The secondary color is part of the brand identity — incorporating it creates a more authentic feel.

Mistake four: not testing your artwork at small sizes. Fan art is often shared as thumbnails on social media. If the team colors are not recognizable at 200 pixels wide, the brand association is lost in the context where most viewers will first encounter your work.

Related Color References

Frequently Asked Questions

Where can I find official esport team color codes for fan art?

EsportTeamColors provides verified HEX, RGB, HSL, and CMYK color codes for 87 esport teams across 7 games. Use HEX codes to set custom colors in your digital art application for accurate team color representation.

How do I shade team colors in digital art without making them look flat?

Use HSL color values and create shadow variants by reducing lightness (L) by 15-25% and shifting hue (H) 5-10 degrees toward blue. For highlights, increase L by 10-15% and shift H slightly toward yellow. Avoid using pure black or white for shading team colors.