Magne, the bold and fiercely independent member of the League of Villains in My Hero Academia, commands attention through a striking visual identity. Her character color codes are built around Royal Heath #B83A6E for her dramatic magenta hair, grounded by Eerie Black #1C1C1C in her combat-ready tank top, and energized with Rose Quartz #C65C9A representing her Magnetism quirk glow. This palette delivers a high-contrast, emotionally charged aesthetic that designers and fans frequently search for when building character-inspired UI themes, brand color palettes, or digital artwork projects.
Magne My Hero Academia Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Royal Heath | #B83A6E | 184, 58, 110 | 0, 68, 40, 28 | |
| Eerie Black | #1C1C1C | 28, 28, 28 | 0, 0, 0, 89 | |
| Tobacco Brown | #6B5B4A | 107, 91, 74 | 0, 15, 31, 58 | |
| Antique Brass | #C69B7B | 198, 155, 123 | 0, 22, 38, 22 | |
| Rose Quartz | #C65C9A | 198, 92, 154 | 0, 54, 22, 22 |
Magne CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Magne My Hero Academia Palette */
--magne-my-hero-academia-royal-heath: #B83A6E;
--magne-my-hero-academia-eerie-black: #1C1C1C;
--magne-my-hero-academia-tobacco-brown: #6B5B4A;
--magne-my-hero-academia-antique-brass: #C69B7B;
--magne-my-hero-academia-rose-quartz: #C65C9A;
}More My Hero Academia Character Color Palettes Color Codes (Pink Palette)
Magne CSS Gradients
Beautiful gradient backgrounds inspired by Magne’s aesthetic. Click to copy the CSS code.
Magne Color Scheme Breakdown
Royal Heath#B83A6E
Magne’s long, wavy hair is rendered in deep magenta, a signature feature that immediately draws attention and reflects her bold, expressive personality within the League of Villains during major arcs.
Eerie Black#1C1C1C
Her sleeveless black tank top forms the dark core of her villain costume, contrasting sharply with her vivid magenta hair and emphasizing her tall, muscular, and physically imposing silhouette in battle.
Tobacco Brown#6B5B4A
Her olive-brown cargo pants introduce a muted earthy tone that balances the bright magenta hair and black top, reinforcing her rugged, combat-ready appearance during the forest training camp villain operation.
Antique Brass#C69B7B
Her warm tan skin adds a natural flesh tone to the palette, grounding the overall character design and allowing the dark costume and vivid magenta hair to stand out with greater contrast.
Rose Quartz#C65C9A
The pinkish-purple glow of her Magnetism quirk creates circular energy rings around her hands, visually representing the magnetic forces she uses to repel, attract, and manipulate nearby opponents during combat.
Magne 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Magne’s palette for a perfectly balanced visual hierarchy.
Magne UI Component Preview
Here is a live example of how the Magne color palette looks when applied to a modern UI component.
Magne
Magnetic Force Villain
“I won’t run from who I am anymore!”
Magne 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 Magne’s aesthetic.
- Main LED: 184, 58, 110
- Accent LED: 28, 28, 28
The Design Philosophy behind Magne’s Palette
The design philosophy behind Magne’s color codes centers on contrast as a narrative device. Royal Heath #B83A6E and Rose Quartz #C65C9A form a magenta-to-pink spectrum that visually encodes her Magnetism quirk, while Eerie Black #1C1C1C anchors her silhouette with raw physicality and intimidation. Tobacco Brown #6B5B4A introduces a utilitarian, grounded layer that prevents the palette from becoming purely fantastical, reinforcing her role as a combat-ready operative. Antique Brass #C69B7B bridges the vivid and dark tones, ensuring the character reads naturally in any scene composition. This layered approach succeeds because each HEX value serves dual purposes—storytelling and visual hierarchy—making the palette highly adaptable for UI/UX designers seeking bold, character-driven color schemes with built-in contrast ratios.
Best Magne Color Combinations
Villain Contrast Flare
The vivid magenta of Royal Heath against near-black Eerie Black creates an extreme luminance ratio perfect for hero banners, CTA buttons, and high-impact UI headers that demand immediate visual attention.
Earthen Magnetism Glow
Pairing the luminous Rose Quartz energy tone with muted Tobacco Brown produces a warm-cool balance ideal for card backgrounds, illustrative accents, and interface elements that need vibrancy without overwhelming the user.
Explore More My Hero Academia Character Color Palettes Character Color Codes
Mezo Shoji Color Codes & Palette – My Hero Academia HEX Values for Designers
Edgeshot Color Codes & Palette – My Hero Academia HEX Values for UI/UX Design
Hiryu Rin Color Codes & Palette – My Hero Academia HEX, RGB & CMYK Reference
Masaru Bakugo Color Codes & Palette – My Hero Academia HEX Values for UI/UX Design
Download Magne My Hero Academia Color Palette
Magne .ASE Swatches
For Adobe Swatches & Procreate
Magne .SVG Palette
Vector Color Palette
Magne .PNG Image
High-Quality Palette Preview
FAQs about Magne My Hero Academia Color Codes
What is the exact HEX color code for Magne’s magenta hair in My Hero Academia?
Magne’s signature long, wavy hair uses the HEX code #B83A6E, known as Royal Heath. This deep magenta shade serves as the primary focal point of her character design and is widely referenced by designers building villain-inspired color palettes.
What colors make up Magne’s villain costume palette?
Her costume is anchored by Eerie Black #1C1C1C for the sleeveless tank top, complemented by Tobacco Brown #6B5B4A cargo pants. Together these two HEX codes form a rugged, combat-ready base that lets her vivid hair and quirk effects stand out.
What HEX code represents Magne’s Magnetism quirk energy effect?
The circular magnetic energy rings generated by her quirk are rendered in Rose Quartz #C65C9A, a pinkish-purple glow that designers often use as an accent or highlight color to evoke supernatural energy in UI and illustration work.
