Natsuo Todoroki, the often-overlooked eldest son in My Hero Academia, carries a quiet emotional weight that his understated visual design mirrors perfectly. His palette is deliberately restrained: the dominant White (#FFFFFF) of his spiky hair ties him to the Todoroki ice lineage, while the soft Silver (#C0C0C0) of his eyes conveys a calm, non-combative temperament. A gentle Regent St Blue (#A9CCE3) on his casual shirt rounds out a look that feels approachable and grounded. For designers hunting precise Natsuo Todoroki color codes, this five-shade set delivers a masterclass in using cool neutrals to tell a family story without a single Quirk on display.
Natsuo Todoroki My Hero Academia Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| White | #FFFFFF | 255, 255, 255 | 0, 0, 0, 0 | |
| Silver | #C0C0C0 | 192, 192, 192 | 0, 0, 0, 25 | |
| Regent St Blue | #A9CCE3 | 169, 204, 227 | 26, 10, 0, 11 | |
| Mine Shaft | #3B3B3B | 59, 59, 59 | 0, 0, 0, 77 | |
| Cinderella | #FCE4D6 | 252, 228, 214 | 0, 10, 15, 1 |
Natsuo Todoroki CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Natsuo Todoroki My Hero Academia Palette */
--natsuo-todoroki-my-hero-academia-white: #FFFFFF;
--natsuo-todoroki-my-hero-academia-silver: #C0C0C0;
--natsuo-todoroki-my-hero-academia-regent-st-blue: #A9CCE3;
--natsuo-todoroki-my-hero-academia-mine-shaft: #3B3B3B;
--natsuo-todoroki-my-hero-academia-cinderella: #FCE4D6;
}More My Hero Academia Character Color Palettes Color Codes (White Palette)
Natsuo Todoroki CSS Gradients
Beautiful gradient backgrounds inspired by Natsuo Todoroki’s aesthetic. Click to copy the CSS code.
Natsuo Todoroki Color Scheme Breakdown
White#FFFFFF
This pure white shade is the dominant color of Natsuo’s spiky hair, visually linking him to the Todoroki family’s icy lineage and reflecting his calm, cool-headed personality in the series.
Silver#C0C0C0
Natsuo’s grey eyes feature this silver tone, giving him a soft yet serious expression that distinguishes him from his more intense father Endeavor and reinforces his gentle, non-combative nature.
Regent St Blue#A9CCE3
This light steel blue appears on Natsuo’s casual button-up shirt, adding a subtle cool tone that complements his white hair and grey eyes while emphasizing his approachable, everyday civilian role outside hero work.
Mine Shaft#3B3B3B
Natsuo’s dark grey trousers use this near-black shade, grounding his otherwise light appearance and visually separating him from the bright hero costumes worn by his father and younger brother Shoto.
Cinderella#FCE4D6
This fair skin tone highlights Natsuo’s normal human complexion, providing a warm neutral base that contrasts with the cooler whites and greys of his hair, eyes, and clothing.
Natsuo Todoroki 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Natsuo Todoroki’s palette for a perfectly balanced visual hierarchy.
Natsuo Todoroki UI Component Preview
Here is a live example of how the Natsuo Todoroki color palette looks when applied to a modern UI component.
Natsuo Todoroki
Gentle Civilian Son
“I don’t hate you. But I can’t forgive you.”
Natsuo 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 Natsuo Todoroki’s aesthetic.
- Main LED: 255, 255, 255
- Accent LED: 192, 192, 192
The Design Philosophy behind Natsuo Todoroki’s Palette
The design team behind My Hero Academia crafted Natsuo’s palette as a deliberate counterpoint to the fiery reds and blazing oranges that define his father Endeavor and brother Shoto. By anchoring his look in White (#FFFFFF), Silver (#C0C0C0), and the muted Regent St Blue (#A9CCE3), the artists visually strip away any association with heroism or combat, reinforcing his role as an ordinary civilian caught in an extraordinary family. The near-black Mine Shaft (#3B3B3B) trousers ground the composition, while the warm Cinderella (#FCE4D6) skin tone prevents the palette from feeling sterile. This restrained color-code strategy succeeds because every hue communicates emotional distance and quiet resilience, making Natsuo instantly recognizable to fans without needing a flashy hero costume.
Best Natsuo Todoroki Color Combinations
Frost & Steel Calm
Pairing pure white with soft silver creates a seamless tonal gradient ideal for clean, minimalist UI backgrounds, evoking the icy composure that defines the Todoroki family’s cold side.
Cool Contrast Anchor
Light steel blue against near-black charcoal delivers strong WCAG-friendly contrast for buttons, cards, and typographic hierarchies while preserving Natsuo’s calm, civilian aesthetic.
Explore More My Hero Academia Character Color Palettes Character Color Codes
Download Natsuo Todoroki My Hero Academia Color Palette
Natsuo Todoroki .ASE Swatches
For Adobe Swatches & Procreate
Natsuo Todoroki .SVG Palette
Vector Color Palette
Natsuo Todoroki .PNG Image
High-Quality Palette Preview
FAQs about Natsuo Todoroki My Hero Academia Color Codes
What is the exact HEX code for Natsuo Todoroki’s white hair in My Hero Academia?
Natsuo Todoroki’s spiky hair uses pure White with the HEX code #FFFFFF (RGB 255, 255, 255), visually linking him to the Todoroki family’s ice-based Quirk lineage.
What colors make up Natsuo Todoroki’s casual outfit palette?
His everyday look combines a Regent St Blue shirt at #A9CCE3 with Mine Shaft trousers at #3B3B3B, creating a cool-toned yet grounded civilian outfit that contrasts sharply with hero costumes.
What HEX value represents Natsuo Todoroki’s skin tone and eye color?
Natsuo’s fair complexion is rendered in Cinderella (#FCE4D6), while his gentle grey eyes use Silver (#C0C0C0), together adding warmth and softness to an otherwise cool-dominant palette.
