Star and Stripe stands as My Hero Academia’s embodiment of American heroism, radiating unshakable confidence and frontline courage as the nation’s top-ranked Pro Hero. Her character design color codes revolve around a flag-inspired palette that makes her silhouette unforgettable at a glance. The striking #B22234 Mexican Red dominates her cape stripes, while the deep #3C3B6E East Bay anchors her star-spangled torso field, grounding the composition in authority. Flowing through this bold structure, her signature #F5D76E Orange Yellow hair adds a radiant, larger-than-life warmth that softens the primary tones. For designers hunting accurate Star and Stripe HEX codes for UI mockups, fan art, or themed interfaces, this palette delivers high-contrast clarity with instant visual recognition.
Star and Stripe My Hero Academia Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Mexican Red | #B22234 | 178, 34, 52 | 0, 81, 71, 30 | |
| East Bay | #3C3B6E | 60, 59, 110 | 45, 46, 0, 57 | |
| White | #FFFFFF | 255, 255, 255 | 0, 0, 0, 0 | |
| Orange Yellow | #F5D76E | 245, 215, 110 | 0, 12, 55, 4 | |
| Old Gold | #D4AF37 | 212, 175, 55 | 0, 17, 74, 17 |
Star and Stripe CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Star and Stripe My Hero Academia Palette */
--star-and-stripe-my-hero-academia-mexican-red: #B22234;
--star-and-stripe-my-hero-academia-east-bay: #3C3B6E;
--star-and-stripe-my-hero-academia-white: #FFFFFF;
--star-and-stripe-my-hero-academia-orange-yellow: #F5D76E;
--star-and-stripe-my-hero-academia-old-gold: #D4AF37;
}More My Hero Academia Character Color Palettes Color Codes (Red Palette)
Star and Stripe CSS Gradients
Beautiful gradient backgrounds inspired by Star and Stripe’s aesthetic. Click to copy the CSS code.
Star and Stripe Color Scheme Breakdown
Mexican Red#B22234
This deep flag red appears on the stripes of her cape and costume, evoking the American flag’s red stripes and emphasizing her patriotic courage, strength, and aggressive frontline combat style as America’s top hero.
East Bay#3C3B6E
This navy blue forms the star-spangled field on her torso and cape, directly referencing the blue canton of the United States flag and symbolizing loyalty, justice, and the authoritative presence she commands as a hero.
White#FFFFFF
Bright white fills the stars and alternating stripes across her costume, mirroring the American flag’s white elements and creating crisp contrast that makes her silhouette instantly recognizable from a distance.
Orange Yellow#F5D76E
This golden blonde tones her very long, flowing hair, which is one of her most distinctive physical features and visually softens the bold primary palette while still conveying her radiant, larger-than-life confidence.
Old Gold#D4AF37
Metallic gold highlights the star-shaped buckle and small emblem details on her belt and accessories, reinforcing the star motif in her hero name and adding a polished, authoritative gleam to her uniform.
Star and Stripe 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Star and Stripe’s palette for a perfectly balanced visual hierarchy.
Star and Stripe UI Component Preview
Here is a live example of how the Star and Stripe color palette looks when applied to a modern UI component.
Star and Stripe
Patriotic Star Hero
“I am Star and Stripe! The Number One Hero of America!”
Star and Stripe 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 Star and Stripe’s aesthetic.
- Main LED: 178, 34, 52
- Accent LED: 60, 59, 110
The Design Philosophy behind Star and Stripe’s Palette
Horikoshi designed Star and Stripe’s color codes as a direct visual translation of American flag symbolism, ensuring her palette communicates national duty before a single word is spoken. The #B22234 Mexican Red stripes channel aggression and frontline bravery, mirroring her New Order quirk’s reality-bending dominance. Conversely, the #3C3B6E East Bay field projects judicial calm and institutional trust, reflecting her role as a government-sanctioned protector. #FFFFFF White stars and stripes carve crisp negative space, guaranteeing legibility at any scale—a crucial UI principle applied to character silhouette design. The #F5D76E Orange Yellow hair and #D4AF37 Old Gold hardware introduce warmth and prestige without diluting the patriotic core. This five-color system succeeds because it balances symbolic storytelling with functional contrast ratios, a lesson any designer building themed color palettes can apply.
Best Star and Stripe Color Combinations
Flagline Authority
Pairing Mexican Red with East Bay navy creates a high-saturation, high-contrast duo that instantly signals power and patriotism, ideal for bold UI headers, alert banners, or hero-section backgrounds where visual hierarchy is critical.
Gilded Starlight
Old Gold accents against pure White deliver a premium, medal-like contrast that works beautifully for iconography, badge elements, and call-to-action buttons requiring an authoritative yet elegant focal point.
Explore More My Hero Academia Character Color Palettes Character Color Codes
Midnight Color Codes: My Hero Academia Palette – HEX, RGB & CMYK Values
Geten Color Codes – My Hero Academia Palette: Complete HEX, RGB & CMYK Guide
Chronostasis Color Codes – My Hero Academia Palette & HEX Values for Designers
Jurota Shishida Color Codes – My Hero Academia Beast Palette with HEX, RGB & CMYK Values
Download Star and Stripe My Hero Academia Color Palette
Star and Stripe .ASE Swatches
For Adobe Swatches & Procreate
Star and Stripe .SVG Palette
Vector Color Palette
Star and Stripe .PNG Image
High-Quality Palette Preview
FAQs about Star and Stripe My Hero Academia Color Codes
What is the exact HEX code for Star and Stripe’s long golden hair in My Hero Academia?
Star and Stripe’s flowing golden-blonde hair uses the HEX code #F5D76E, officially named Orange Yellow (RGB 245, 215, 110). This warm tone visually softens her bold flag-red and navy costume palette while reinforcing her radiant, larger-than-life hero persona.
What are the primary costume colors in Star and Stripe’s hero suit palette?
Her suit is built on two dominant colors: #B22234 Mexican Red for the cape stripes and combat accents, and #3C3B6E East Bay navy blue for the star-spangled torso field. Crisp #FFFFFF White stars and alternating stripes complete the American-flag motif across the entire design.
Which accent color is used for Star and Stripe’s belt buckle and emblem details?
The metallic star-shaped buckle and small accessory emblems use #D4AF37 Old Gold (RGB 212, 175, 55). This golden accent reinforces the star motif in her hero name and adds a polished, authoritative gleam that elevates the overall costume design.
