Mr. Compress, the enigmatic stage magician of the League of Villains in My Hero Academia, commands attention with a color palette built on dramatic contrast and theatrical flair. His signature look is anchored by Eerie Black (#1A1A1A), a near-black tone that cloaks his tailcoat and mask in mystery, while Cultured Pearl (#F5F5F5) sharpens his dress shirt and gloves for a polished performer aesthetic. The real showstopper? Zest (#E67E22), a vibrant orange that ignites his vest and hat band, making these Mr. Compress color codes instantly recognizable to any fan or designer seeking bold, villain-inspired palette references.
Mr. Compress My Hero Academia Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Eerie Black | #1A1A1A | 26, 26, 26 | 0, 0, 0, 90 | |
| Cultured Pearl | #F5F5F5 | 245, 245, 245 | 0, 0, 0, 4 | |
| Zest | #E67E22 | 230, 126, 34 | 0, 45, 85, 10 | |
| Buttercup | #F1C40F | 241, 196, 15 | 0, 19, 94, 5 | |
| Blue Jeans | #5DADE2 | 93, 173, 226 | 59, 23, 0, 11 |
Mr. Compress CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Mr. Compress My Hero Academia Palette */
--mr-compress-my-hero-academia-eerie-black: #1A1A1A;
--mr-compress-my-hero-academia-cultured-pearl: #F5F5F5;
--mr-compress-my-hero-academia-zest: #E67E22;
--mr-compress-my-hero-academia-buttercup: #F1C40F;
--mr-compress-my-hero-academia-blue-jeans: #5DADE2;
}More My Hero Academia Character Color Palettes Color Codes (Orange Palette)
Mitsuki Bakugo Color Codes – My Hero Academia Palette: HEX, RGB & CMYK Values
Endeavor (Enji Todoroki) Color Codes – My Hero Academia Palette with HEX, RGB & CMYK Values
Juzo Honenuki Color Codes – My Hero Academia Palette with HEX Values
Katsuki Bakugo Color Codes – My Hero Academia Palette with HEX, RGB & CMYK Values
Mr. Compress CSS Gradients
Beautiful gradient backgrounds inspired by Mr. Compress’s aesthetic. Click to copy the CSS code.
Mr. Compress Color Scheme Breakdown
Eerie Black#1A1A1A
This near-black shade dominates his tailcoat, top hat, pants, and mask, establishing Mr. Compress as a very mysterious stage villain with a sleek, intimidating silhouette that hides his true intentions.
Cultured Pearl#F5F5F5
This crisp clean white appears on his dress shirt and gloves, providing a sharp contrast to his dark coat and reinforcing his polished, theatrical magician persona during every stage performance.
Zest#E67E22
This vibrant orange accents his vest, tie, and hat band, injecting a bold showman energy that makes Mr. Compress always instantly recognizable and visually striking against his dark black attire.
Buttercup#F1C40F
This rich golden yellow highlights small details like buttons, cane accents, or trim, adding a touch of theatrical luxury that beautifully complements the overall orange and black signature color scheme.
Blue Jeans#5DADE2
This bright blue appears on the small marbles created by his Compress quirk, serving as a cool, eye-catching contrast that visually represents his ability to shrink and contain various objects.
Mr. Compress 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Mr. Compress’s palette for a perfectly balanced visual hierarchy.
Mr. Compress UI Component Preview
Here is a live example of how the Mr. Compress color palette looks when applied to a modern UI component.
Mr. Compress
Theatrical Stage Villain
“A performer must always put on a show, no matter the circumstances!”
Mr. Compress 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 Mr. Compress’s aesthetic.
- Main LED: 26, 26, 26
- Accent LED: 245, 245, 245
The Design Philosophy behind Mr. Compress’s Palette
The Mr. Compress color palette is a masterclass in narrative-driven design. Eerie Black (#1A1A1A) and Cultured Pearl (#F5F5F5) establish the classic magician duality—concealment versus revelation—mirroring his deceptive personality and Compress quirk. The Zest (#E67E22) and Buttercup (#F1C40F) accents inject showman energy, echoing his obsession with theatrical spectacle and audience control. Meanwhile, Blue Jeans (#5DADE2) appears exclusively on his compressed marbles, visually separating his ability from his identity. This five-color HEX system succeeds because every hue serves a storytelling purpose: dominance, elegance, flair, luxury, and power. Designers extracting these color codes gain a ready-made framework for high-contrast, performance-themed UI.
Best Mr. Compress Color Combinations
Midnight Spotlight
Pairing near-black with vivid orange creates an intense focal contrast ideal for CTA buttons, dark-mode dashboards, or hero banners where immediate visual impact is essential.
Gilded Prestige
This warm orange-to-gold gradient pairing evokes luxury and theatrical warmth, perfect for accent borders, badge highlights, or premium-tier UI elements that need a showman’s richness.
Explore More My Hero Academia Character Color Palettes Character Color Codes
Fuyumi Todoroki Color Codes – My Hero Academia Palette & HEX Values
Izuku Midoriya Color Codes – My Hero Academia Palette & HEX Values for Designers
Hitoshi Shinso Color Codes & Palette – My Hero Academia Complete HEX Guide
Mustard Color Codes & Palette – My Hero Academia HEX Values for Villain UI Design
Download Mr. Compress My Hero Academia Color Palette
Mr. Compress .ASE Swatches
For Adobe Swatches & Procreate
Mr. Compress .SVG Palette
Vector Color Palette
Mr. Compress .PNG Image
High-Quality Palette Preview
FAQs about Mr. Compress My Hero Academia Color Codes
What is the exact HEX color code for Mr. Compress’s mask and tailcoat in My Hero Academia?
Mr. Compress’s mask, tailcoat, top hat, and pants all use Eerie Black with the HEX code #1A1A1A, a near-black shade that creates his mysterious, intimidating silhouette.
What colors make up Mr. Compress’s main outfit palette?
His primary outfit combines Eerie Black (#1A1A1A) for the coat and pants, Cultured Pearl (#F5F5F5) for the shirt and gloves, and Zest (#E67E22) for the vest and tie, forming a high-contrast theatrical ensemble.
What is the accent color on Mr. Compress’s marbles created by his Compress quirk?
The small marbles produced by his Compress quirk feature Blue Jeans (#5DADE2), a bright sky-blue that contrasts sharply against his dark attire and visually represents his containment ability.
