Thirteen, the beloved Space Hero of My Hero Academia, brings a warm and approachable energy to the U.A. faculty with a costume palette that balances cosmic mystery and rescue-ready optimism. The character’s color codes center around Cultured Pearl (#F5F5F5) for the puffy astronaut suit, Eerie Black (#1A1A1A) for the dramatic visor and gloves, and Supernova (#FFCC00) for the iconic number-thirteen chest emblem. Whether you’re building a themed UI, creating fan art, or matching cosplay fabrics, these five HEX values capture the full spectrum of Thirteen’s heroic design language.
Thirteen My Hero Academia Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Cultured Pearl | #F5F5F5 | 245, 245, 245 | 0, 0, 0, 4 | |
| Eerie Black | #1A1A1A | 26, 26, 26 | 0, 0, 0, 90 | |
| Supernova | #FFCC00 | 255, 204, 0 | 0, 20, 100, 0 | |
| Silver Chalice | #A9A9A9 | 169, 169, 169 | 0, 0, 0, 34 | |
| Granite Gray | #666666 | 102, 102, 102 | 0, 0, 0, 60 |
Thirteen CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Thirteen My Hero Academia Palette */
--thirteen-my-hero-academia-cultured-pearl: #F5F5F5;
--thirteen-my-hero-academia-eerie-black: #1A1A1A;
--thirteen-my-hero-academia-supernova: #FFCC00;
--thirteen-my-hero-academia-silver-chalice: #A9A9A9;
--thirteen-my-hero-academia-granite-gray: #666666;
}More My Hero Academia Character Color Palettes Color Codes (Black Palette)
Thirteen CSS Gradients
Beautiful gradient backgrounds inspired by Thirteen’s aesthetic. Click to copy the CSS code.
Thirteen Color Scheme Breakdown
Cultured Pearl#F5F5F5
The main body of Thirteen’s puffy astronaut-style hero costume is this clean off-white, covering the torso, arms, and helmet shell to emphasize the space rescue theme and provide a bright, approachable heroic appearance.
Eerie Black#1A1A1A
This deep black appears on Thirteen’s gloves, boots, and helmet visor, grounding the suit with a serious, mysterious tone that directly reflects the dark, consuming nature of the Black Hole quirk.
Supernova#FFCC00
Bright yellow accents mark the number thirteen emblem on the chest and small suit details, adding high-visibility rescue styling and a pop of energetic contrast against the white and black base.
Silver Chalice#A9A9A9
Grey metallic joints, backpack components, and helmet fittings use this neutral silver tone, suggesting durable space equipment and adding mechanical depth without distracting from the suit’s clean overall color scheme.
Granite Gray#666666
Dark grey appears on the suit’s underlayers, straps, and shaded mechanical parts, providing a softer secondary dark tone that bridges the stark black and white sections while reinforcing the space suit aesthetic.
Thirteen 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Thirteen’s palette for a perfectly balanced visual hierarchy.
Thirteen UI Component Preview
Here is a live example of how the Thirteen color palette looks when applied to a modern UI component.
Thirteen
Space Rescue Hero
“The more people there are to save, the more fired up I get!”
Thirteen 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 Thirteen’s aesthetic.
- Main LED: 245, 245, 245
- Accent LED: 26, 26, 26
The Design Philosophy behind Thirteen’s Palette
Thirteen’s color palette is a masterclass in narrative-driven design. The dominant Cultured Pearl (#F5F5F5) white establishes approachability and purity—essential traits for a rescue specialist—while Eerie Black (#1A1A1A) channels the terrifying void of the Black Hole quirk, creating an immediate visual tension between savior and destroyer. The Supernova (#FFCC00) accent functions as a high-visibility rescue beacon, ensuring the hero remains identifiable in chaotic disaster scenes. Silver Chalice (#A9A9A9) and Granite Gray (#666666) serve as mechanical connective tissue, grounding the suit in functional sci-fi realism. For UI/UX designers, this five-color system demonstrates how limited palettes can encode dual meaning—warmth and danger, safety and power—without overwhelming the viewer. The result is a color code system that reads instantly at any scale.
Best Thirteen Color Combinations
Void & Beacon Contrast
Pairing near-black with off-white delivers maximum luminance contrast (exceeding 19:1), making it ideal for accessible UI layouts, bold typographic headers, and hero sections where legibility and dramatic impact are paramount.
Rescue Signal Pop
The vivid Supernova yellow against deep Eerie Black mimics real-world hazard and rescue signage, creating an attention-grabbing accent system perfect for CTAs, notification badges, and high-priority UI elements.
Explore More My Hero Academia Character Color Palettes Character Color Codes
Mezo Shoji Color Codes & Palette – My Hero Academia HEX Values for Designers
Jurota Shishida Color Codes – My Hero Academia Beast Palette with HEX, RGB & CMYK Values
Cementoss Color Codes – My Hero Academia Palette: Full HEX, RGB & CMYK Values
Gran Torino Color Codes – My Hero Academia Palette & HEX Values for Designers
Download Thirteen My Hero Academia Color Palette
Thirteen .ASE Swatches
For Adobe Swatches & Procreate
Thirteen .SVG Palette
Vector Color Palette
Thirteen .PNG Image
High-Quality Palette Preview
FAQs about Thirteen My Hero Academia Color Codes
What is the HEX color code for Thirteen’s helmet visor in My Hero Academia?
Thirteen’s iconic helmet visor uses Eerie Black with the HEX code #1A1A1A. This deep black creates the mysterious, void-like appearance that directly references the Black Hole quirk, making it the most recognizable focal point of the character’s design.
What is the main suit color code for Thirteen’s astronaut costume?
The primary body of Thirteen’s puffy astronaut-style hero costume is Cultured Pearl, HEX #F5F5F5. This clean off-white covers the torso, arms, and helmet shell, establishing the bright, approachable rescue-hero aesthetic central to the character’s identity.
Which accent color is used for Thirteen’s number emblem and suit highlights?
The bright accent on Thirteen’s chest emblem and small suit details is Supernova, HEX #FFCC00. This vivid yellow provides high-visibility rescue styling and adds an energetic pop of contrast against the white and black base palette.
