Ectoplasm is one of U.A. High School’s most enigmatic Pro Heroes in My Hero Academia, blending stern mentorship with an unsettling, spectral presence. His design relies on a tightly controlled five-color palette that evokes ghostly authority. The dominant Mirage (#1F2A3D) grounds his tactical bodysuit in deep navy, while Concrete (#F2F2F2) armor plates deliver a stark, clinical brightness reminiscent of ectoplasmic residue. A subtle Sisal (#D8CEC3) skin tone completes his gaunt, otherworldly look. For designers hunting anime-inspired color codes, this palette offers a masterclass in high-contrast, low-saturation composition.
Ectoplasm My Hero Academia Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Mirage | #1F2A3D | 31, 42, 61 | 49, 31, 0, 76 | |
| Concrete | #F2F2F2 | 242, 242, 242 | 0, 0, 0, 5 | |
| Sisal | #D8CEC3 | 216, 206, 195 | 0, 5, 10, 15 | |
| Eerie Black | #1C1C1C | 28, 28, 28 | 0, 0, 0, 89 | |
| Oslo Gray | #8C9298 | 140, 146, 152 | 8, 4, 0, 40 |
Ectoplasm CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Ectoplasm My Hero Academia Palette */
--ectoplasm-my-hero-academia-mirage: #1F2A3D;
--ectoplasm-my-hero-academia-concrete: #F2F2F2;
--ectoplasm-my-hero-academia-sisal: #D8CEC3;
--ectoplasm-my-hero-academia-eerie-black: #1C1C1C;
--ectoplasm-my-hero-academia-oslo-gray: #8C9298;
}More My Hero Academia Character Color Palettes Color Codes (Blue Palette)
Ectoplasm CSS Gradients
Beautiful gradient backgrounds inspired by Ectoplasm’s aesthetic. Click to copy the CSS code.
Ectoplasm Color Scheme Breakdown
Mirage#1F2A3D
This deep navy blue dominates Ectoplasm’s full-body hero suit, covering his torso, arms, and legs. It conveys a serious, tactical presence while grounding his white armor in a dark, professional hero aesthetic.
Concrete#F2F2F2
This off-white appears on his chest plate, shoulder pads, gloves, and boots. It creates a stark contrast against the dark bodysuit and reinforces his ghostly, ectoplasm-inspired hero identity with a clean, clinical look.
Sisal#D8CEC3
This pale skin tone is visible on his face and neck, emphasizing his gaunt, spectral appearance. It aligns with his eerie hero theme and makes his dark eyes and mask stand out clearly.
Eerie Black#1C1C1C
This near-black color appears in his short, slicked-back hair and dark facial features. It frames his pale face and adds a sharp, severe edge to his overall design as a UA teacher.
Oslo Gray#8C9298
This cool gray appears on metallic accents and equipment details such as belt buckles or armor edges. It adds a subtle mechanical texture and balances the high-contrast black and white elements of his costume.
Ectoplasm 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Ectoplasm’s palette for a perfectly balanced visual hierarchy.
Ectoplasm UI Component Preview
Here is a live example of how the Ectoplasm color palette looks when applied to a modern UI component.
Ectoplasm
Phantom Clone Instructor
“My resolve multiplies with every clone I summon — no student will fall under my watch.”
Ectoplasm 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 Ectoplasm’s aesthetic.
- Main LED: 31, 42, 61
- Accent LED: 242, 242, 242
The Design Philosophy behind Ectoplasm’s Palette
Kohei Horikoshi designed Ectoplasm’s color scheme to mirror the duality of his Quirk and teaching persona. The near-total dominance of Mirage (#1F2A3D) and Eerie Black (#1C1C1C) communicates discipline, severity, and the shadowy nature of ectoplasm clones dissolving into darkness. Against this void, the Concrete (#F2F2F2) armor reads as purified spiritual energy made tangible — a visual metaphor for his clones materializing from nothing. Oslo Gray (#8C9298) metallic accents inject a mechanical, tactical layer, reminding viewers he is a Pro Hero equipped for combat, not merely a ghost. The palette succeeds because it limits saturation to near-zero, forcing every design decision to rely on value contrast rather than hue variety, which perfectly suits UI themes demanding gravitas, clarity, and spectral minimalism.
Best Ectoplasm Color Combinations
Spectral Contrast
Pairing deep navy Mirage with off-white Concrete creates a WCAG-compliant, high-contrast duo ideal for hero-section backgrounds and card layouts where readability and dramatic visual weight are paramount.
Phantom Frame
Eerie Black beside Oslo Gray produces a sleek, industrial pairing that works perfectly for dark-mode navigation bars, icon strokes, and subtle border accents without introducing competing hues.
Explore More My Hero Academia Character Color Palettes Character Color Codes
Camie Utsushimi Color Codes & HEX Palette – My Hero Academia Character Color Guide
Kosei Tsuburaba Color Codes – My Hero Academia Palette & HEX Values
Kyoka Jiro Color Codes – My Hero Academia Palette: HEX, RGB & CMYK Values
Masaru Bakugo Color Codes & Palette – My Hero Academia HEX Values for UI/UX Design
Download Ectoplasm My Hero Academia Color Palette
Ectoplasm .ASE Swatches
For Adobe Swatches & Procreate
Ectoplasm .SVG Palette
Vector Color Palette
Ectoplasm .PNG Image
High-Quality Palette Preview
FAQs about Ectoplasm My Hero Academia Color Codes
What HEX code represents Ectoplasm’s gaunt skin tone in My Hero Academia?
Ectoplasm’s pale, spectral skin is rendered in Sisal (#D8CEC3), a desaturated warm tone that emphasizes his gaunt facial structure against the dark hair and mask.
What is the primary color of Ectoplasm’s hero suit bodysuit?
The full-body tactical suit is dominated by Mirage (#1F2A3D), a deep navy blue that covers his torso, arms, and legs, establishing a serious and professional hero silhouette.
Which accent color is used for Ectoplasm’s metallic equipment details?
Cool-toned Oslo Gray (#8C9298) is applied to belt buckles, armor edges, and mechanical accents, adding subtle industrial texture that balances the stark black-and-white core palette.
