Tsuyu Asui, the straightforward and loyal hero student of Class 1-A in My Hero Academia, brings a refreshing amphibian-inspired aesthetic to the series. Her color palette—anchored by Te Papa Green (#1F4D3A) in her signature bow-tied hair and Sea Green (#2E8B57) across her sleek hero costume—captures her frog-like agility and calm demeanor. Warm accents like Cream Can (#F2C94C) on her utility belt add playful contrast, while Eerie Black (#1C1C1C) grounds the composition with stealthy depth. For designers searching Tsuyu Asui color codes, this palette delivers a cohesive, nature-driven scheme ideal for UI themes, illustration palettes, and character-inspired branding projects.
Tsuyu Asui My Hero Academia Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Te Papa Green | #1F4D3A | 31, 77, 58 | 60, 0, 25, 70 | |
| Sea Green | #2E8B57 | 46, 139, 87 | 67, 0, 37, 45 | |
| Eerie Black | #1C1C1C | 28, 28, 28 | 0, 0, 0, 89 | |
| Cream Can | #F2C94C | 242, 201, 76 | 0, 17, 69, 5 | |
| Oasis | #FDE8D0 | 253, 232, 208 | 0, 8, 18, 1 |
Tsuyu Asui CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Tsuyu Asui My Hero Academia Palette */
--tsuyu-asui-my-hero-academia-te-papa-green: #1F4D3A;
--tsuyu-asui-my-hero-academia-sea-green: #2E8B57;
--tsuyu-asui-my-hero-academia-eerie-black: #1C1C1C;
--tsuyu-asui-my-hero-academia-cream-can: #F2C94C;
--tsuyu-asui-my-hero-academia-oasis: #FDE8D0;
}More My Hero Academia Character Color Palettes Color Codes (Green Palette)
Ibara Shiozaki Color Codes – My Hero Academia Palette & HEX Values for UI/UX 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
Inko Midoriya Color Codes – My Hero Academia Palette with HEX, RGB & CMYK Values
Tsuyu Asui CSS Gradients
Beautiful gradient backgrounds inspired by Tsuyu Asui’s aesthetic. Click to copy the CSS code.
Tsuyu Asui Color Scheme Breakdown
Te Papa Green#1F4D3A
This deep green appears in Tsuyu Asui’s long hair tied into a bow, reflecting her frog-like nature and serving as the most recognizable base color of her overall design in My Hero Academia.
Sea Green#2E8B57
This vibrant green forms the main body of her hero costume, a form-fitting wetsuit that emphasizes her agile amphibious fighting style while visually connecting her to frogs and water-based environments.
Eerie Black#1C1C1C
Black appears on her costume’s gloves, boots, and the dark sclera of her large eyes, grounding the brighter greens and adding a sleek stealthy contrast to her overall hero outfit.
Cream Can#F2C94C
This warm yellow is used for her utility belt and hair tie, providing a bright accent that breaks up the green and black costume while drawing attention to her waist and hair.
Oasis#FDE8D0
Her fair skin tone is a soft pale peach often visible on her face and hands, balancing the darker green and black elements while giving her a friendly and approachable appearance.
Tsuyu Asui 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Tsuyu Asui’s palette for a perfectly balanced visual hierarchy.
Tsuyu Asui UI Component Preview
Here is a live example of how the Tsuyu Asui color palette looks when applied to a modern UI component.
Tsuyu Asui
Amphibian Rescue Hero
“I always say what’s on my mind. Kero.”
Tsuyu Asui 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 Tsuyu Asui’s aesthetic.
- Main LED: 31, 77, 58
- Accent LED: 46, 139, 87
The Design Philosophy behind Tsuyu Asui’s Palette
The design team behind My Hero Academia crafted Tsuyu Asui’s color codes to mirror her Frog Quirk through a nature-rooted palette that balances organic depth with functional clarity. The dominant greens—Te Papa Green (#1F4D3A) and Sea Green (#2E8B57)—evoke wetland habitats and amphibian skin, instantly communicating her connection to water and agility without exposition. Eerie Black (#1C1C1C) on her gloves and boots introduces stealth and tactical readiness, reflecting her rescue-hero role. The strategic pop of Cream Can (#F2C94C) prevents visual monotony while guiding the viewer’s eye to key utility points. This palette succeeds because every hue serves a narrative purpose: greens for identity, black for function, yellow for warmth. For UI/UX designers, Tsuyu Asui’s HEX palette demonstrates how a limited set of color codes can build strong character recognition and emotional resonance simultaneously.
Best Tsuyu Asui Color Combinations
Amphibian Stealth
The vivid Sea Green against near-black Eerie Black creates a high-contrast pairing that mimics a frog’s natural camouflage, making it ideal for dark-mode UI cards, navigation bars, or editorial layouts needing a bold organic accent.
Wetland Golden Accent
Deep Te Papa Green paired with warm Cream Can yellow produces a complementary contrast that draws immediate attention to CTAs, badges, or highlight elements while preserving a natural, earthy brand tone.
Explore More My Hero Academia Character Color Palettes Character Color Codes
Chronostasis Color Codes – My Hero Academia Palette & HEX Values for Designers
Crust Color Codes – My Hero Academia HEX Palette, RGB & CMYK Values
Kinoko Komori Color Codes – My Hero Academia Palette with HEX, RGB & CMYK Values
Eijiro Kirishima Color Codes & HEX Palette – My Hero Academia Red Riot Palette
Download Tsuyu Asui My Hero Academia Color Palette
Tsuyu Asui .ASE Swatches
For Adobe Swatches & Procreate
Tsuyu Asui .SVG Palette
Vector Color Palette
Tsuyu Asui .PNG Image
High-Quality Palette Preview
FAQs about Tsuyu Asui My Hero Academia Color Codes
What is the exact HEX code for Tsuyu Asui’s hair color in My Hero Academia?
Tsuyu Asui’s long, bow-tied hair uses Te Papa Green with the HEX code #1F4D3A (RGB 31, 77, 58). This deep green is the most recognizable base color in her design and reflects her frog-like Quirk.
What color is Tsuyu Asui’s hero costume and what is its HEX value?
Her form-fitting hero wetsuit is primarily Sea Green, coded as #2E8B57 (RGB 46, 139, 87). This vibrant green emphasizes her agile, amphibious fighting style and visually ties her to water-based environments.
Which accent color appears on Tsuyu Asui’s utility belt and hair tie?
The warm yellow accent is Cream Can, with the HEX code #F2C94C (RGB 242, 201, 76). It appears on her utility belt and hair tie, breaking up the green-and-black palette and adding a bright, friendly focal point to her overall design.
