All Might, the unbeatable Symbol of Peace in My Hero Academia, radiates unshakable optimism and raw heroic power through every frame he appears in. His color palette is no accident—it is a masterclass in visual storytelling. The dominant #3498DB Curious Blue bodysuit anchors his design with trust and authority, while the striking #F1C40F Buttercup hair injects explosive energy and larger-than-life charisma. Meanwhile, #E74C3C Cinnabar accent stripes pulse with courage and intensity. For designers hunting All Might color codes or a hero-inspired HEX palette, this five-color system delivers a perfectly balanced blend of stability, vibrancy, and moral clarity that translates seamlessly into UI and branding projects.
All Might My Hero Academia Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Curious Blue | #3498DB | 52, 152, 219 | 76, 31, 0, 14 | |
| Buttercup | #F1C40F | 241, 196, 15 | 0, 19, 94, 5 | |
| Cinnabar | #E74C3C | 231, 76, 60 | 0, 67, 74, 9 | |
| White | #FFFFFF | 255, 255, 255 | 0, 0, 0, 0 | |
| Pickled Bluewood | #2C3E50 | 44, 62, 80 | 45, 22, 0, 69 |
All Might CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* All Might My Hero Academia Palette */
--all-might-my-hero-academia-curious-blue: #3498DB;
--all-might-my-hero-academia-buttercup: #F1C40F;
--all-might-my-hero-academia-cinnabar: #E74C3C;
--all-might-my-hero-academia-white: #FFFFFF;
--all-might-my-hero-academia-pickled-bluewood: #2C3E50;
}
More My Hero Academia Character Color Palettes Color Codes (Blue Palette)

Yosetsu Awase Color Codes & HEX Palette – My Hero Academia Character Design

Seiji Shishikura Color Codes – My Hero Academia Palette & HEX Values for UI Design

Toru Hagakure Color Codes & Palette – My Hero Academia HEX, RGB & CMYK Values

Kosei Tsuburaba Color Codes – My Hero Academia Palette & HEX Values
All Might CSS Gradients
Beautiful gradient backgrounds inspired by All Might’s aesthetic. Click to copy the CSS code.
All Might Color Scheme Breakdown
Curious Blue#3498DB
This blue is the primary color of All Might’s tight hero bodysuit, covering most of his torso and limbs, and it conveys trust, stability, and the calm authority of the Symbol of Peace.
Buttercup#F1C40F
This golden yellow color appears in All Might’s iconic blond hair, especially his two long bangs that frame his face, and it visually reinforces his bright, optimistic, and larger-than-life heroic persona in the series.
Cinnabar#E74C3C
This red appears on the accent lines and stripe details of All Might’s blue hero costume, including parts of his torso and boots, and it symbolizes courage, power, and intense heroic energy.
White#FFFFFF
This white appears on the chest, shoulder, and collar sections of All Might’s costume, creating a strong visual contrast with the blue and red while reinforcing themes of purity, justice, and moral clarity.
Pickled Bluewood#2C3E50
This dark navy color appears on the side panels and trim of All Might’s costume, grounding the otherwise bright red, white, and blue palette while adding seriousness and discipline to his heroic design.
All Might 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using All Might’s palette for a perfectly balanced visual hierarchy.
All Might UI Component Preview
Here is a live example of how the All Might color palette looks when applied to a modern UI component.
All Might
Symbol of Peace
“I AM HERE!”
All Might 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 All Might’s aesthetic.
- Main LED: 52, 152, 219
- Accent LED: 241, 196, 15
The Design Philosophy behind All Might’s Palette
The design team behind My Hero Academia engineered All Might’s palette around the classic American superhero triad—blue, red, and white—then elevated it with golden hair and dark navy grounding. #3498DB Curious Blue dominates the silhouette, communicating unwavering reliability, while #E74C3C Cinnabar stripes channel explosive combat energy without overwhelming the composition. #FFFFFF White sections carve clean negative space across the chest and shoulders, reinforcing purity and justice. The #F1C40F Buttercup hair acts as a focal beacon, ensuring instant recognition even in chaotic battle scenes. Finally, #2C3E50 Pickled Bluewood trims add gravitas and prevent the palette from feeling cartoonishly flat. This layered approach makes the All Might color code set a textbook example of how strategic HEX pairings can encode narrative depth, emotional tone, and visual hierarchy into a single character design.
Best All Might Color Combinations
Heroic Trust Contrast
The cool stability of Curious Blue against the warm radiance of Buttercup creates a high-energy complementary contrast that instantly communicates optimism and authority—ideal for hero banners, CTAs, and brand headers.
Crimson Grounding Edge
Cinnabar’s fiery intensity is tamed by Pickled Bluewood’s deep seriousness, producing a powerful accent pairing perfect for alert states, badges, and dramatic UI overlays that demand attention without visual noise.
Explore More My Hero Academia Character Color Palettes Character Color Codes

David Shield Color Codes & Palette – My Hero Academia HEX Values for Designers

Chronostasis Color Codes – My Hero Academia Palette & HEX Values for Designers

Manga Fukidashi Color Codes: Complete My Hero Academia Palette & HEX Values

Mirko Color Codes – My Hero Academia Palette: HEX, RGB & CMYK Values for Designers
Download All Might My Hero Academia Color Palette
All Might .ASE Swatches
For Adobe Swatches & Procreate
All Might .SVG Palette
Vector Color Palette
All Might .PNG Image
High-Quality Palette Preview
FAQs about All Might My Hero Academia Color Codes
What is the exact HEX code for All Might’s iconic blond hair color?
All Might’s signature blond hair uses the HEX code #F1C40F, named Buttercup (RGB 241, 196, 15). This golden yellow captures his bright, optimistic persona and is the most recognizable accent in his overall design.
What is the primary color of All Might’s hero costume and its HEX value?
The main bodysuit of All Might’s costume is Curious Blue with the HEX code #3498DB (RGB 52, 152, 219). This blue covers most of his torso and limbs, symbolizing trust, stability, and the calm authority of the Symbol of Peace.
Which accent color is used for the stripe details on All Might’s costume?
The red accent stripes and lines on All Might’s blue costume use the HEX code #E74C3C, called Cinnabar (RGB 231, 76, 60). It represents courage, power, and intense heroic energy, adding dynamic contrast against the primary blue and white sections.




