Ms. Joke is the relentlessly cheerful Pro Hero from My Hero Academia whose Outburst Quirk forces everyone around her into uncontrollable laughter. Her visual design mirrors that irrepressible energy through a bold, high-contrast palette. The playful Sushi green (#8BC34A) in her wavy hair immediately signals fun and spontaneity, while the radiant Gold (#FFD700) smiley emblem on her chest cements her joke-themed identity. Against the deep Mirage navy (#1A1A2E) of her sleeveless costume, these bright accents pop with comic-book intensity. For designers hunting reliable Ms. Joke color codes, this five-tone palette delivers ready-to-copy HEX, RGB, and CMYK values that translate seamlessly into any UI or branding project.
Ms. Joke My Hero Academia Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Sushi | #8BC34A | 139, 195, 74 | 29, 0, 62, 24 | |
| Pizazz | #FF9800 | 255, 152, 0 | 0, 40, 100, 0 | |
| Mirage | #1A1A2E | 26, 26, 46 | 43, 43, 0, 82 | |
| Gold | #FFD700 | 255, 215, 0 | 0, 16, 100, 0 | |
| Negroni | #FFE0BD | 255, 224, 189 | 0, 12, 26, 0 |
Ms. Joke CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Ms. Joke My Hero Academia Palette */
--ms-joke-my-hero-academia-sushi: #8BC34A;
--ms-joke-my-hero-academia-pizazz: #FF9800;
--ms-joke-my-hero-academia-mirage: #1A1A2E;
--ms-joke-my-hero-academia-gold: #FFD700;
--ms-joke-my-hero-academia-negroni: #FFE0BD;
}More My Hero Academia Character Color Palettes Color Codes (Green Palette)
Togaru Kamakiri Color Codes & Palette – My Hero Academia HEX, RGB & CMYK Values
Spinner Color Codes – My Hero Academia Palette: HEX, RGB & CMYK Values
Mustard Color Codes & Palette – My Hero Academia HEX Values for Villain UI Design
Hiryu Rin Color Codes & Palette – My Hero Academia HEX, RGB & CMYK Reference
Ms. Joke CSS Gradients
Beautiful gradient backgrounds inspired by Ms. Joke’s aesthetic. Click to copy the CSS code.
Ms. Joke Color Scheme Breakdown
Sushi#8BC34A
This light green tone appears in Ms. Joke’s wavy hair, giving her a playful and energetic look that matches her cheerful hero persona and contrasts sharply with her dark costume.
Pizazz#FF9800
This vivid orange appears in her eyes and the trim of her hero costume, highlighting her mischievous smile and adding a warm, attention-grabbing accent to the dark blue outfit.
Mirage#1A1A2E
This deep navy blue forms the base of her sleeveless hero costume, creating a serious foundation that balances her bright hair and emphasizes the yellow smiley face emblem on her chest.
Gold#FFD700
This golden yellow is used for the smiley face emblem on her chest, directly referencing her joke-themed hero identity and serving as the most iconic symbol of her costume.
Negroni#FFE0BD
This fair skin tone appears on her face and arms, providing a neutral base that allows her green hair, orange eyes, and colorful costume accents to stand out clearly.
Ms. Joke 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Ms. Joke’s palette for a perfectly balanced visual hierarchy.
Ms. Joke UI Component Preview
Here is a live example of how the Ms. Joke color palette looks when applied to a modern UI component.
Ms. Joke
Laugh-Inducing Hero
“I’m Ms. Joke! I’ll make you laugh whether you want to or not!”
Ms. Joke 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 Ms. Joke’s aesthetic.
- Main LED: 139, 195, 74
- Accent LED: 255, 152, 0
The Design Philosophy behind Ms. Joke’s Palette
The designers behind My Hero Academia built Ms. Joke’s palette around a single narrative principle: laughter as a weapon and a shield. The dominant Mirage (#1A1A2E) base grounds the character in the seriousness of a Pro Hero, preventing her from reading as purely comic relief. Layered on top, the Sushi green (#8BC34A) hair injects chaotic, organic energy—its slightly desaturated tone keeping the look approachable rather than neon-loud. Pizazz orange (#FF9800) in her eyes and costume trim creates a warm mid-tone bridge between the cool navy and the sunny Gold (#FFD700) emblem, guiding the viewer’s eye in a natural Z-pattern. This tri-temperature strategy—cool base, warm accents, neutral skin (#FFE0BD)—ensures every color code serves both storytelling and visual hierarchy, making the palette instantly adaptable for UI themes, illustrations, and motion graphics.
Best Ms. Joke Color Combinations
Punchline Pop
The near-black navy provides a deep, low-luminance canvas that makes the golden yellow emblem achieve maximum contrast ratio, ideal for call-to-action buttons or focal icons in dark-mode interfaces.
Citrus Energy Burst
Pairing this fresh green with vivid orange produces an analogous warm-to-cool vibrancy that evokes playfulness and motion, perfect for gradient banners, notification badges, or playful illustration accents.
Explore More My Hero Academia Character Color Palettes Character Color Codes
Ryukyu Color Codes – Complete My Hero Academia Palette with HEX, RGB & CMYK Values
Yui Kodai Color Codes – My Hero Academia Palette, HEX & RGB Values for Designers
Inko Midoriya Color Codes – My Hero Academia Palette with HEX, RGB & CMYK Values
Mezo Shoji Color Codes & Palette – My Hero Academia HEX Values for Designers
Download Ms. Joke My Hero Academia Color Palette
Ms. Joke .ASE Swatches
For Adobe Swatches & Procreate
Ms. Joke .SVG Palette
Vector Color Palette
Ms. Joke .PNG Image
High-Quality Palette Preview
FAQs about Ms. Joke My Hero Academia Color Codes
What is the exact HEX color code for Ms. Joke’s green hair in My Hero Academia?
Ms. Joke’s signature wavy hair uses the HEX code #8BC34A, a light green shade named Sushi (RGB 139, 195, 74). It is the most recognizable element of her character design and works well as a primary accent color in cheerful UI themes.
What color is Ms. Joke’s hero costume and what is its HEX value?
Her sleeveless hero costume is built on a deep navy blue called Mirage with the HEX code #1A1A2E (RGB 26, 26, 46). This dark base creates strong contrast against her bright hair and golden emblem, making it a solid background color for dark-mode dashboards.
Which accent color represents Ms. Joke’s smiley-face emblem, and what is its HEX code?
The iconic smiley face on her chest is rendered in Gold with the HEX code #FFD700 (RGB 255, 215, 0). This golden yellow serves as the focal highlight of the entire palette and pairs especially well with the navy base for high-impact graphic compositions.
