EA Color Theme Generator

Building color schemes manually is one of those tasks that looks simple from the outside but quietly eats hours. You’re eyedropping colors, checking contrast, building out tints and shades, making sure everything holds together as a system. For a team working with game IP — where every title has its own visual world — doing that from scratch for every asset is a real time sink. So I built a Figma plugin that does it for you.

How it works

You upload an image — a game screenshot, a character render, a key art piece — and the plugin extracts the primary color and builds out a complete color scheme from it. You can organize these into color groups as needed. The preview renders at 2x resolution so what you see in the panel actually looks good, not just functional.

One technical detail worth noting: Figma plugins can’t access locally installed fonts for security reasons — otherwise a plugin could theoretically interfere with files on someone’s machine. To get around this without hosting the font externally, I converted the font file into Base64-encoded data embedded directly in the plugin. It’s fully self-contained, so every user sees the right typography the moment they install it, no setup required and no external dependency to break.

Why it matters

The manual version of this workflow — eyedropping colors, building tints and shades, checking that everything holds together — is the kind of work that’s easy to underestimate until you’re doing it for the twentieth time. This plugin compresses that into seconds and keeps the output consistent. For designers working across multiple game titles, each with their own visual identity, that consistency and speed compounds quickly. Less time matching colors, more time making things.