Mustard is a young yet calculating villain in My Hero Academia whose Quirk unleashes a suffocating toxic gas across the battlefield. His color palette is deliberately restrained and militaristic, avoiding flashy hues in favor of grounded, threatening tones. The dominant #4B5320 Thatch Green anchors his tactical silhouette, while #1C1C1C Eerie Black deepens the menace in his lower garments and gloves. A striking splash of #7B5EA7 Deluge purple visualizes the poisonous haze he weaponizes. Together, these Mustard color codes give designers a ready-made HEX palette for building dark, industrial, and chemically themed UI concepts.
Mustard My Hero Academia Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Thatch Green | #4B5320 | 75, 83, 32 | 10, 0, 61, 67 | |
| Eerie Black | #1C1C1C | 28, 28, 28 | 0, 0, 0, 89 | |
| Boulder | #7A7A7A | 122, 122, 122 | 0, 0, 0, 52 | |
| Deluge | #7B5EA7 | 123, 94, 167 | 26, 44, 0, 35 | |
| Fern Green | #5C8A3C | 92, 138, 60 | 33, 0, 57, 46 |
Mustard CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Mustard My Hero Academia Palette */
--mustard-my-hero-academia-thatch-green: #4B5320;
--mustard-my-hero-academia-eerie-black: #1C1C1C;
--mustard-my-hero-academia-boulder: #7A7A7A;
--mustard-my-hero-academia-deluge: #7B5EA7;
--mustard-my-hero-academia-fern-green: #5C8A3C;
}More My Hero Academia Character Color Palettes Color Codes (Green Palette)
Tsuyu Asui Color Codes – Complete My Hero Academia Palette with HEX, RGB & CMYK Values
Togaru Kamakiri Color Codes & Palette – My Hero Academia HEX, RGB & CMYK Values
Inko Midoriya Color Codes – My Hero Academia Palette with HEX, RGB & CMYK Values
Hiryu Rin Color Codes & Palette – My Hero Academia HEX, RGB & CMYK Reference
Mustard CSS Gradients
Beautiful gradient backgrounds inspired by Mustard’s aesthetic. Click to copy the CSS code.
Mustard Color Scheme Breakdown
Thatch Green#4B5320
This olive green dominates his military-style jacket and high collar, establishing a tactical, grounded look that reflects his overall role as a calculated villain during the forest training camp attack.
Eerie Black#1C1C1C
This near-black appears on his pants, gloves, and boots, creating a stark contrast with the olive jacket and reinforcing the menacing, dark, utilitarian silhouette of his overall combat-oriented villain costume.
Boulder#7A7A7A
The grey tone of his gas mask filter and metal components provides a cold, industrial feel, emphasizing his chemical warfare theme and making the mask the most recognizable part of his design.
Deluge#7B5EA7
This muted purple represents the toxic gas emitted by his Quirk, filling the battlefield with a hazardous haze that visually signals his ability to incapacitate opponents safely from a distance.
Fern Green#5C8A3C
The green lenses of his gas mask glow subtly against the grey metal, giving him an eerie, inhuman stare that reinforces his overall connection to poisonous gas and chemical weaponry.
Mustard 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Mustard’s palette for a perfectly balanced visual hierarchy.
Mustard UI Component Preview
Here is a live example of how the Mustard color palette looks when applied to a modern UI component.
Mustard
Chemical Warfare Villain
“Breathe it in… you can’t escape my gas.”
Mustard 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 Mustard’s aesthetic.
- Main LED: 75, 83, 32
- Accent LED: 28, 28, 28
The Design Philosophy behind Mustard’s Palette
The design team behind My Hero Academia crafted Mustard’s palette to communicate danger through restraint rather than spectacle. The heavy use of #4B5320 Thatch Green and #1C1C1C Eerie Black mirrors military utility, positioning him as a cold, tactical threat rather than a chaotic one. The #7A7A7A Boulder grey of his gas mask introduces an industrial, almost mechanical coldness that separates him emotionally from the heroes he attacks. Meanwhile, #7B5EA7 Deluge purple is reserved exclusively for his Quirk’s visual effect, making the toxic gas the single most vibrant element on screen. This deliberate scarcity of color ensures that whenever the purple haze appears, viewers instantly register lethal danger. For UI designers, this hierarchy of muted base tones punctuated by one warning accent is a proven pattern for alert states, hazard indicators, and dark-mode dashboards.
Best Mustard Color Combinations
Tactical Shadow Contrast
The muted olive against near-black creates a grounded, military-grade contrast that works perfectly for dark-mode navigation bars, card borders, and layered panel designs without visual fatigue.
Toxic Haze Alert
Pairing the muted purple gas tone with cold industrial grey produces an eerie, hazardous accent combination ideal for warning banners, error states, or chemical-themed branding elements.
Explore More My Hero Academia Character Color Palettes Character Color Codes
Download Mustard My Hero Academia Color Palette
Mustard .ASE Swatches
For Adobe Swatches & Procreate
Mustard .SVG Palette
Vector Color Palette
Mustard .PNG Image
High-Quality Palette Preview
FAQs about Mustard My Hero Academia Color Codes
What is the exact HEX code for the toxic gas Mustard releases from his Quirk?
Mustard’s poisonous gas is rendered in #7B5EA7 Deluge, a muted purple that fills the battlefield with a visible hazardous haze and serves as the primary visual signature of his Quirk.
What color is Mustard’s main military-style jacket in My Hero Academia?
His high-collar tactical jacket uses #4B5320 Thatch Green, a deep olive tone that establishes his grounded, combat-ready villain silhouette throughout the forest training camp arc.
What accent color appears on Mustard’s gas mask lenses?
The gas mask lenses glow in #5C8A3C Fern Green, a brighter green that contrasts against the #7A7A7A Boulder grey metal and gives Mustard his signature eerie, inhuman stare.
