Spinner, the gecko-mutant member of the League of Villains in My Hero Academia, carries one of the most visually striking color palettes in the series. His design blends the muted reptilian green of Oxley (#7B9E89) across his scaled skin with the vibrant magenta-pink of Carissma (#E58AA5) in his wild hair, creating an instant visual hook. Grounded by the near-black Mine Shaft (#2E2E2E) bodysuit, Spinner’s color codes balance outcast vulnerability with villainous menace. For designers seeking anime-inspired HEX palettes, Spinner’s five-tone scheme offers a masterclass in using contrast and symbolism to tell a character’s story at a glance.
Spinner My Hero Academia Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Oxley | #7B9E89 | 123, 158, 137 | 22, 0, 13, 38 | |
| Carissma | #E58AA5 | 229, 138, 165 | 0, 40, 28, 10 | |
| Mine Shaft | #2E2E2E | 46, 46, 46 | 0, 0, 0, 82 | |
| Tall Poppy | #C0392B | 192, 57, 43 | 0, 70, 78, 25 | |
| Concrete | #F2F2F2 | 242, 242, 242 | 0, 0, 0, 5 |
Spinner CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Spinner My Hero Academia Palette */
--spinner-my-hero-academia-oxley: #7B9E89;
--spinner-my-hero-academia-carissma: #E58AA5;
--spinner-my-hero-academia-mine-shaft: #2E2E2E;
--spinner-my-hero-academia-tall-poppy: #C0392B;
--spinner-my-hero-academia-concrete: #F2F2F2;
}More My Hero Academia Character Color Palettes Color Codes (Green Palette)
Overhaul Color Codes & Palette: My Hero Academia HEX Values for UI & Graphic Design
Mustard Color Codes & Palette – My Hero Academia HEX Values for Villain UI Design
Ms. Joke Color Codes & Palette – My Hero Academia HEX, RGB & CMYK Values
Togaru Kamakiri Color Codes & Palette – My Hero Academia HEX, RGB & CMYK Values
Spinner CSS Gradients
Beautiful gradient backgrounds inspired by Spinner’s aesthetic. Click to copy the CSS code.
Spinner Color Scheme Breakdown
Oxley#7B9E89
This muted green tone covers Spinner’s scaly reptilian skin, emphasizing his gecko mutant Quirk and making him instantly recognizable as a heteromorph villain and outcast within the My Hero Academia universe.
Carissma#E58AA5
Spinner’s long magenta-pink hair provides a stark contrast against his green scales, reflecting his rebellious personality and visually tying him to the chaotic energy of the League of Villains during action scenes.
Mine Shaft#2E2E2E
The black bodysuit forms the base of Spinner’s villain costume, lending a stealthy, menacing silhouette that mirrors his admiration for Stain’s dark vigilante aesthetic and complements his agile fighting style.
Tall Poppy#C0392B
A deep red scarf wraps around Spinner’s neck, directly referencing Hero Killer Stain’s iconic look and symbolizing Spinner’s devotion to Stain’s ideology of purging false heroes within the narrative and his own crusade.
Concrete#F2F2F2
The off-white mask covering Spinner’s lower face adds a skeletal, intimidating edge to his design, contrasting with his green scales and reinforcing the villainous, theatrical presentation he adopts during confrontations.
Spinner 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Spinner’s palette for a perfectly balanced visual hierarchy.
Spinner UI Component Preview
Here is a live example of how the Spinner color palette looks when applied to a modern UI component.
Spinner
Reptilian Mutant Villain
“I’ll become the hero this world refused to let me be — even if I have to burn it all down first!”
Spinner 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 Spinner’s aesthetic.
- Main LED: 123, 158, 137
- Accent LED: 229, 138, 165
The Design Philosophy behind Spinner’s Palette
Horikoshi’s design team constructed Spinner’s palette as a narrative device rather than mere decoration. The dominant Oxley (#7B9E89) green immediately codes him as ‘other’—a heteromorph rejected by hero society—while the Carissma (#E58AA5) pink hair injects defiant individuality against that alienation. The Mine Shaft (#2E2E2E) bodysuit borrows directly from Stain’s stealth silhouette, visually declaring Spinner’s ideological allegiance before he speaks a single word. Tall Poppy (#C0392B) red functions as a blood-oath accent, a wearable manifesto of Stain’s creed. Finally, the Concrete (#F2F2F2) mask dehumanizes him just enough to amplify theatrical menace without erasing his mutant identity. Together, these five color codes create a layered visual argument: society made him a monster, so he chose to wear the villain’s palette with pride. This synergy between lore and HEX values makes Spinner’s palette a textbook case study in character-driven color coding for UI and illustration projects.
Best Spinner Color Combinations
Reptilian Bloom Contrast
The desaturated Oxley green and vivid Carissma pink sit on opposite sides of the color wheel, producing a natural complementary tension that draws the eye and establishes clear visual hierarchy in banners, cards, or character-focused UI layouts.
Shadow Creed Accent
Pairing the near-black Mine Shaft base with the bold Tall Poppy red creates a high-drama, low-light scheme ideal for dark-mode interfaces, villain-themed branding, or call-to-action buttons that demand immediate attention.
Explore More My Hero Academia Character Color Palettes Character Color Codes
Shoto Todoroki Color Codes – My Hero Academia Palette with HEX, RGB & CMYK Values
Kinoko Komori Color Codes – My Hero Academia Palette with HEX, RGB & CMYK Values
Gentle Criminal Color Codes – My Hero Academia Palette & HEX Values
Natsuo Todoroki Color Codes – My Hero Academia Palette: HEX, RGB & CMYK Values
Download Spinner My Hero Academia Color Palette
Spinner .ASE Swatches
For Adobe Swatches & Procreate
Spinner .SVG Palette
Vector Color Palette
Spinner .PNG Image
High-Quality Palette Preview
FAQs about Spinner My Hero Academia Color Codes
What is the exact HEX color code for Spinner’s reptilian skin in My Hero Academia?
Spinner’s scaly gecko-mutant skin is rendered in Oxley, HEX #7B9E89 (RGB 123, 158, 137). This muted sage-green is the single most recognizable element of his character design and the primary color code to reference when recreating his look.
What color is Spinner’s villain costume, and how does it fit the overall palette?
Spinner’s full-body suit uses Mine Shaft, HEX #2E2E2E (RGB 46, 46, 46), a deep charcoal black that provides a stealthy silhouette inspired by Hero Killer Stain. It anchors the palette so brighter accents like his pink hair and red scarf stand out sharply.
Which accent color represents Spinner’s devotion to Stain’s ideology?
The deep red scarf wrapped around Spinner’s neck uses Tall Poppy, HEX #C0392B (RGB 192, 57, 43). This accent color directly mirrors Stain’s iconic blood-red motif and serves as the emotional focal point of Spinner’s character design.
