Yui Kodai is the soft-spoken, observant hero-in-training of Class 1-B in My Hero Academia, known for her deadpan composure and the Size quirk that lets her enlarge or shrink objects at will. Her color palette mirrors that quiet intensity. The dominant Cloud Burst (#1B2A4A) wraps her bodysuit in a deep, tactical navy, while Carrot Orange (#F28C28) slices through the darkness with bold kinetic accents. Against the near-ink of her Eerie Black (#1C1C1C) bob and the porcelain warmth of Cinderella (#FDE8D6) skin, every shade serves a narrative purpose. For designers hunting anime character color codes, Yui’s five-tone scheme offers a masterclass in restrained contrast and functional hierarchy.
Yui Kodai My Hero Academia Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Cloud Burst | #1B2A4A | 27, 42, 74 | 64, 43, 0, 71 | |
| Carrot Orange | #F28C28 | 242, 140, 40 | 0, 42, 83, 5 | |
| Eerie Black | #1C1C1C | 28, 28, 28 | 0, 0, 0, 89 | |
| Cinderella | #FDE8D6 | 253, 232, 214 | 0, 8, 15, 1 | |
| Mine Shaft | #2B2B2B | 43, 43, 43 | 0, 0, 0, 83 |
Yui Kodai CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Yui Kodai My Hero Academia Palette */
--yui-kodai-my-hero-academia-cloud-burst: #1B2A4A;
--yui-kodai-my-hero-academia-carrot-orange: #F28C28;
--yui-kodai-my-hero-academia-eerie-black: #1C1C1C;
--yui-kodai-my-hero-academia-cinderella: #FDE8D6;
--yui-kodai-my-hero-academia-mine-shaft: #2B2B2B;
}More My Hero Academia Character Color Palettes Color Codes (Blue Palette)
Dabi Color Codes & Palette – My Hero Academia HEX, RGB & CMYK Values
Tenya Iida Color Codes: Complete 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
Yui Kodai CSS Gradients
Beautiful gradient backgrounds inspired by Yui Kodai’s aesthetic. Click to copy the CSS code.
Yui Kodai Color Scheme Breakdown
Cloud Burst#1B2A4A
Dark navy blue forms the main bodysuit of Yui Kodai’s hero costume, covering her torso, arms, and legs. This deep shade reinforces her calm, reserved personality and gives her a sleek, tactical appearance during combat.
Carrot Orange#F28C28
Vivid orange appears as bold stripe accents along her costume’s collar, shoulders, and limbs. These bright lines break the dark navy suit, adding energy and highlighting her movements when she uses her Size quirk.
Eerie Black#1C1C1C
Her short bob hairstyle is rendered in near-black, matching her dark eyes and providing a strong contrast against her pale skin. This black shade emphasizes her quiet, serious expression and understated presence among Class 1-B.
Cinderella#FDE8D6
Pale skin tone covers her face, neck, and hands, giving Yui a soft, doll-like appearance. The light complexion contrasts with her dark hair and costume, making her facial expressions and subtle reactions more noticeable.
Mine Shaft#2B2B2B
Dark graphite appears on her boots, gloves, and utility accessories, grounding the outfit with practical, muted tones. This color supports the costume’s stealthy look while allowing the navy and orange elements to remain visually dominant.
Yui Kodai 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Yui Kodai’s palette for a perfectly balanced visual hierarchy.
Yui Kodai UI Component Preview
Here is a live example of how the Yui Kodai color palette looks when applied to a modern UI component.
Yui Kodai
Silent Size Manipulator
“I’ll shrink it.”
Yui Kodai 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 Yui Kodai’s aesthetic.
- Main LED: 27, 42, 74
- Accent LED: 242, 140, 40
The Design Philosophy behind Yui Kodai’s Palette
Horikoshi’s design team built Yui Kodai’s palette around the principle of controlled visibility. The near-black Eerie Black (#1C1C1C) hair and the deep Cloud Burst (#1B2A4A) suit fuse into a single visual mass, letting her disappear into backgrounds the way her personality disappears in a crowd. Only the Carrot Orange (#F28C28) stripes interrupt that silence, telegraphing motion every time she activates Size—so the color literally marks the moment she acts. Mine Shaft (#2B2B2B) accessories ground the silhouette without stealing focus, while the Cinderella (#FDE8D6) skin provides the sole warm-neutral anchor for facial micro-expressions. The result is a five-color system where value contrast does the storytelling: dark-to-dark unity for stealth, one warm pop for agency, and pale light for vulnerability. This restraint makes every HEX code in her palette carry narrative weight rather than mere decoration.
Best Yui Kodai Color Combinations
Tactical Ember Split
The deep cool navy paired with a saturated warm orange creates a near-complementary tension that draws the eye instantly, making it ideal for CTAs, hero banners, and high-priority UI elements where you need maximum visual separation without clashing.
Porcelain Shadow Frame
Pairing the warm off-white skin tone against near-pure black produces an extreme luminance ratio that ensures text legibility and sharp framing, perfect for card layouts, typography overlays, and avatar-style profile designs.
Explore More My Hero Academia Character Color Palettes Character Color Codes
Kosei Tsuburaba Color Codes – My Hero Academia Palette & HEX Values
Magne Color Codes & Palette – My Hero Academia HEX Values for UI/UX and Graphic Design
Inasa Yoarashi Color Codes: Complete MHA Palette with HEX, RGB & CMYK Values
Kinoko Komori Color Codes – My Hero Academia Palette with HEX, RGB & CMYK Values
Download Yui Kodai My Hero Academia Color Palette
Yui Kodai .ASE Swatches
For Adobe Swatches & Procreate
Yui Kodai .SVG Palette
Vector Color Palette
Yui Kodai .PNG Image
High-Quality Palette Preview
FAQs about Yui Kodai My Hero Academia Color Codes
What is the exact HEX color code for Yui Kodai’s hair in My Hero Academia?
Yui Kodai’s short bob hair is rendered in Eerie Black, HEX #1C1C1C (RGB 28, 28, 28). This near-black shade also matches her dark eyes and provides the strongest contrast against her pale Cinderella-toned skin.
What color is Yui Kodai’s main hero costume and what is its HEX code?
Her primary bodysuit uses Cloud Burst, HEX #1B2A4A (RGB 27, 42, 74). This dark navy blue covers her torso, arms, and legs, giving the costume a sleek, tactical silhouette consistent with her reserved fighting style.
Which accent color appears on Yui Kodai’s costume stripes, and what is its HEX value?
The bold stripe accents on her collar, shoulders, and limbs use Carrot Orange, HEX #F28C28 (RGB 242, 140, 40). This vivid orange is the sole warm pop in her palette and visually highlights her movements when she activates her Size quirk.
