Shoto Todoroki, the dual-quirk prodigy of My Hero Academia, commands attention with a character design built entirely around contrast. His signature split—crimson Monza #D0021B on the left, pure White #FFFFFF on the right—visually encodes his inner conflict between fire and ice. Havelock Blue #4A90E2 anchors his hero costume, lending a cool, heroic authority that tempers the intensity of his flames. For designers hunting Todoroki color codes for UI palettes, fan art, or branding mockups, this five-tone set delivers a ready-made lesson in duality, visual hierarchy, and emotional storytelling through color.
Shoto Todoroki My Hero Academia Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Monza | #D0021B | 208, 2, 27 | 0, 99, 87, 18 | |
| White | #FFFFFF | 255, 255, 255 | 0, 0, 0, 0 | |
| Havelock Blue | #4A90E2 | 74, 144, 226 | 67, 36, 0, 11 | |
| Quick Silver | #9B9B9B | 155, 155, 155 | 0, 0, 0, 39 | |
| Mine Shaft | #2C2C2C | 44, 44, 44 | 0, 0, 0, 83 |
Shoto Todoroki CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Shoto Todoroki My Hero Academia Palette */
--shoto-todoroki-my-hero-academia-monza: #D0021B;
--shoto-todoroki-my-hero-academia-white: #FFFFFF;
--shoto-todoroki-my-hero-academia-havelock-blue: #4A90E2;
--shoto-todoroki-my-hero-academia-quick-silver: #9B9B9B;
--shoto-todoroki-my-hero-academia-mine-shaft: #2C2C2C;
}More My Hero Academia Character Color Palettes Color Codes (Blue Palette)
Edgeshot Color Codes & Palette – My Hero Academia HEX Values for UI/UX Design
All Might Color Codes – My Hero Academia Palette: HEX, RGB & CMYK Values
David Shield Color Codes & Palette – My Hero Academia HEX Values for Designers
Seiji Shishikura Color Codes – My Hero Academia Palette & HEX Values for UI Design
Shoto Todoroki CSS Gradients
Beautiful gradient backgrounds inspired by Shoto Todoroki’s aesthetic. Click to copy the CSS code.
Shoto Todoroki Color Scheme Breakdown
Monza#D0021B
This crimson red appears in the left half of Todoroki’s hair and his fire Quirk. It symbolizes his passionate, explosive fire side inherited from Endeavor and creates the iconic split-color look defining his dual nature.
White#FFFFFF
This pure white covers the right half of Todoroki’s hair and represents his ice Quirk. It conveys his calm, cool temperament inherited from his mother and balances the red side, emphasizing his half-cold, half-hot identity.
Havelock Blue#4A90E2
This medium blue is the primary color of Todoroki’s hero costume jacket and pants. It reinforces his ice abilities and gives him a cool, heroic appearance while contrasting with the red of his fire side.
Quick Silver#9B9B9B
This neutral grey appears in Todoroki’s eye color and metallic costume accents like his belt and support gear. It adds a cool, understated tone bridging the white, red, and blue elements of his design.
Mine Shaft#2C2C2C
This dark charcoal appears on Todoroki’s boots, gloves, and undersuit details. It grounds the brighter palette with a serious, grounded tone and enhances the contrast between his fiery and icy abilities.
Shoto Todoroki 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Shoto Todoroki’s palette for a perfectly balanced visual hierarchy.
Shoto Todoroki UI Component Preview
Here is a live example of how the Shoto Todoroki color palette looks when applied to a modern UI component.
Shoto Todoroki
Half-Cold Half-Hot Hero
“I am not Endeavor’s son. I am my own.”
Shoto Todoroki 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 Shoto Todoroki’s aesthetic.
- Main LED: 208, 2, 27
- Accent LED: 255, 255, 255
The Design Philosophy behind Shoto Todoroki’s Palette
Todoroki’s palette is a masterclass in narrative-driven color coding. The developers split his identity down the middle: Monza #D0021B channels inherited rage and explosive fire, while White #FFFFFF embodies restraint and maternal ice. Havelock Blue #4A90E2 acts as the unifying hero layer, signaling authority without favoring either element. Quick Silver #9B9B9B bridges extremes as a neutral connector, and Mine Shaft #2C2C2C grounds the composition so the brighter hues never feel weightless. This five-color system succeeds because every hue maps to a story beat—no shade is decorative. For UI designers studying Todoroki HEX codes, the palette demonstrates how opposing values (warm vs. cool, light vs. dark) can coexist in one cohesive design language while preserving tension and readability.
Best Shoto Todoroki Color Combinations
Elemental Split
The maximum chromatic contrast between a saturated crimson and pure white creates an instant focal point, ideal for CTAs, hero banners, or split-screen UI layouts that demand dual-identity messaging.
Frost & Shadow
Pairing Havelock Blue with near-black Mine Shaft produces a sleek, high-readability combination perfect for dark-mode dashboards, navigation bars, and professional card-based interfaces.
Explore More My Hero Academia Character Color Palettes Character Color Codes
Download Shoto Todoroki My Hero Academia Color Palette
Shoto Todoroki .ASE Swatches
For Adobe Swatches & Procreate
Shoto Todoroki .SVG Palette
Vector Color Palette
Shoto Todoroki .PNG Image
High-Quality Palette Preview
FAQs about Shoto Todoroki My Hero Academia Color Codes
What are the exact HEX codes for Shoto Todoroki’s split hair colors?
Todoroki’s fire-side hair is Monza #D0021B, while his ice-side hair is pure White #FFFFFF. Together they form the iconic half-red, half-white look central to his character design in My Hero Academia.
What is the primary color of Todoroki’s hero costume?
The dominant shade of his hero suit jacket and pants is Havelock Blue #4A90E2, chosen to reinforce his ice abilities and provide a cool, heroic contrast against the crimson of his fire Quirk.
Which neutral tones appear in Todoroki’s design as accents?
Quick Silver #9B9B9B is used for his eyes and metallic costume accents, while Mine Shaft #2C2C2C appears on his boots, gloves, and undersuit details to ground the palette and add depth.
