Fat Gum, the beloved Pro Hero from My Hero Academia, radiates warmth and unwavering protectiveness through a color palette built around bold, saturated warm tones. His iconic hero suit is dominated by #FFD100 Gold, a cheerful yellow that instantly signals his approachable and energetic personality. Accents of #FF7A00 Heat Wave across his shoulder panels and knee guards inject kinetic intensity, hinting at the explosive energy he releases after absorbing impacts. Meanwhile, #1A1A1A Eerie Black grounds the entire composition, framing his silhouette with authority. Whether you are building a fan-art color reference, a themed UI kit, or a branding mood board, these Fat Gum color codes deliver a vibrant, high-contrast palette ready for any creative project.
Fat Gum My Hero Academia Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Gold | #FFD100 | 255, 209, 0 | 0, 18, 100, 0 | |
| Heat Wave | #FF7A00 | 255, 122, 0 | 0, 52, 100, 0 | |
| Eerie Black | #1A1A1A | 26, 26, 26 | 0, 0, 0, 90 | |
| Wild Sand | #F4F4F4 | 244, 244, 244 | 0, 0, 0, 4 | |
| Sunset Pearl | #F1C27D | 241, 194, 125 | 0, 20, 48, 5 |
Fat Gum CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Fat Gum My Hero Academia Palette */
--fat-gum-my-hero-academia-gold: #FFD100;
--fat-gum-my-hero-academia-heat-wave: #FF7A00;
--fat-gum-my-hero-academia-eerie-black: #1A1A1A;
--fat-gum-my-hero-academia-wild-sand: #F4F4F4;
--fat-gum-my-hero-academia-sunset-pearl: #F1C27D;
}
More My Hero Academia Character Color Palettes Color Codes (Yellow Palette)

Mashirao Ojiro Color Codes & Palette – My Hero Academia HEX, RGB & CMYK Guide

Present Mic Color Codes – My Hero Academia Palette & HEX Values for the Voice Hero

Hanta Sero Color Codes & Palette – My Hero Academia HEX, RGB & CMYK Values

Denki Kaminari Color Codes (My Hero Academia) – Complete Palette with HEX, RGB & CMYK Values
Fat Gum CSS Gradients
Beautiful gradient backgrounds inspired by Fat Gum’s aesthetic. Click to copy the CSS code.
Fat Gum Color Scheme Breakdown
Gold#FFD100
This bright yellow dominates Fat Gum’s full-body hero suit and short hair, establishing his upbeat, approachable personality. It visually conveys the fatty, energy-absorbing nature of his quirk and makes him instantly recognizable among Pro Heroes.
Heat Wave#FF7A00
Orange appears on the shoulder panels, knee guards, and belt accents of Fat Gum’s costume. It adds an energetic contrast to the yellow base and hints at the kinetic energy he releases after absorbing impacts.
Eerie Black#1A1A1A
Black is used for his gloves, boots, belt, mask outlines, and costume seams. This grounding color frames the bright yellow and orange, giving Fat Gum a sturdy silhouette and emphasizing his protective role in combat.
Wild Sand#F4F4F4
White appears in the lenses of his mask and small emblem highlights on his chest. It provides a crisp focal point and breaks up the warm yellow and orange tones, improving readability of his expressions.
Sunset Pearl#F1C27D
This light skin tone is visible on Fat Gum’s face and hands, grounding the costume in a human element. It contrasts with the suit colors and conveys his gentle, friendly nature despite his imposing physique.
Fat Gum 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Fat Gum’s palette for a perfectly balanced visual hierarchy.
Fat Gum UI Component Preview
Here is a live example of how the Fat Gum color palette looks when applied to a modern UI component.
Fat Gum
Absorbing Guardian
“Come at me! I’ll absorb every single hit so you don’t have to!”
Fat Gum Gaming Setup (RGB Peripherals)
Sync your gaming gear! Use these exact RGB values for your Razer Chroma, Corsair iCUE, or Logitech G Hub software to match Fat Gum’s aesthetic.
- Main LED: 255, 209, 0
- Accent LED: 255, 122, 0
The Design Philosophy behind Fat Gum’s Palette
The design team behind Fat Gum deliberately engineered a palette that mirrors his Quirk—Fat Absorption—and his role as a shield for others. The overwhelming presence of #FFD100 Gold communicates stored potential energy, much like the kinetic force he soaks up before unleashing it. Pairing it with #FF7A00 Heat Wave creates a thermal gradient that visually narrates the transition from calm absorption to explosive release, a core storytelling beat in every Fat Gum fight scene. #1A1A1A Eerie Black is reserved for structural elements—gloves, boots, belt—anchoring the character and reinforcing his tank-like defensive identity. The sparing use of #F4F4F4 Wild Sand on his mask lenses ensures facial readability, while #F1C27D Sunset Pearl on his exposed skin preserves humanity within an otherwise graphic, high-saturation costume. Together, these five color codes balance approachability with combat readiness, making Fat Gum instantly legible at any scale.
Best Fat Gum Color Combinations
Solar Impact Duo
This warm analogous pairing creates a natural energy gradient that draws the eye and works perfectly for CTAs, progress bars, or hero banners needing an optimistic, high-energy feel.
Guardian Contrast
A near-maximum luminance contrast ratio ensures WCAG AAA accessibility while delivering a bold, protective aesthetic ideal for dashboards, badges, and high-visibility UI elements.
Explore More My Hero Academia Character Color Palettes Character Color Codes

Sir Nighteye Color Codes: Complete My Hero Academia Palette with HEX, RGB & CMYK Values

Yui Kodai Color Codes – My Hero Academia Palette, HEX & RGB Values for Designers

All Might Color Codes – My Hero Academia Palette: HEX, RGB & CMYK Values

Eijiro Kirishima Color Codes & HEX Palette – My Hero Academia Red Riot Palette
Download Fat Gum My Hero Academia Color Palette
Fat Gum .ASE Swatches
For Adobe Swatches & Procreate
Fat Gum .SVG Palette
Vector Color Palette
Fat Gum .PNG Image
High-Quality Palette Preview
FAQs about Fat Gum My Hero Academia Color Codes
What is the exact HEX color code for Fat Gum’s yellow hero suit and hair?
Fat Gum’s signature yellow suit and short hair use the HEX code #FFD100, officially named Gold. This bright, saturated yellow covers most of his body and is the primary identifier in his character design.
What colors make up Fat Gum’s main costume palette in My Hero Academia?
His core costume palette consists of #FFD100 Gold as the dominant base, #FF7A00 Heat Wave for shoulder and knee accents, and #1A1A1A Eerie Black for gloves, boots, belt, and mask outlines, creating a warm yet grounded three-color scheme.
What accent colors are used for Fat Gum’s mask lenses and skin tone?
The mask lenses and chest emblem highlights use #F4F4F4 Wild Sand for crisp readability, while his exposed face and hands feature #F1C27D Sunset Pearl, a soft skin tone that adds warmth and approachability against the bold suit colors.




