Ochaco Uraraka is the bubbly, determined hero-in-training of Class 1-A in My Hero Academia, known for her Zero Gravity Quirk and unwavering optimism. Her color palette is a masterclass in approachable character design, anchoring her look with the earthy warmth of Tobacco Brown (#6B4E3D) in her hair and eyes, then lifting the mood with the playful softness of Wewak (#F4A7B9) across her blush stickers and suit accents. Clean White (#FFFFFF) balances the composition on her boots and gloves, reinforcing her hopeful hero image. If you are searching for exact Ochaco Uraraka color codes to replicate her palette in UI mockups, illustrations, or branding projects, this page provides every HEX value you need.
Ochaco Uraraka My Hero Academia Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Tobacco Brown | #6B4E3D | 107, 78, 61 | 0, 27, 43, 58 | |
| Wewak | #F4A7B9 | 244, 167, 185 | 0, 32, 24, 4 | |
| Mine Shaft | #2E2E2E | 46, 46, 46 | 0, 0, 0, 82 | |
| White | #FFFFFF | 255, 255, 255 | 0, 0, 0, 0 | |
| Azalea | #F8C8D4 | 248, 200, 212 | 0, 19, 15, 3 |
Ochaco Uraraka CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Ochaco Uraraka My Hero Academia Palette */
--ochaco-uraraka-my-hero-academia-tobacco-brown: #6B4E3D;
--ochaco-uraraka-my-hero-academia-wewak: #F4A7B9;
--ochaco-uraraka-my-hero-academia-mine-shaft: #2E2E2E;
--ochaco-uraraka-my-hero-academia-white: #FFFFFF;
--ochaco-uraraka-my-hero-academia-azalea: #F8C8D4;
}More My Hero Academia Character Color Palettes Color Codes (Pink Palette)
Magne Color Codes & Palette – My Hero Academia HEX Values for UI/UX and Graphic Design
Melissa Shield Color Palette & HEX Codes – My Hero Academia RGB/CMYK Reference
Recovery Girl Color Codes – My Hero Academia Palette with HEX, RGB & CMYK Values
Mina Ashido Color Codes & Palette – My Hero Academia HEX Values for Designers
Ochaco Uraraka CSS Gradients
Beautiful gradient backgrounds inspired by Ochaco Uraraka’s aesthetic. Click to copy the CSS code.
Ochaco Uraraka Color Scheme Breakdown
Tobacco Brown#6B4E3D
This warm brown appears in Ochaco’s bobbed hair and eyes, grounding her design with an approachable, earthy quality that reflects her humble, hardworking background and cheerful determination throughout My Hero Academia.
Wewak#F4A7B9
This soft pink marks her signature circular blush stickers and the accent panels on her Uravity hero suit, conveying her bubbly, optimistic personality while making her silhouette instantly recognizable among the hero course students.
Mine Shaft#2E2E2E
This deep near-black forms the primary bodysuit of her hero costume, creating a sleek, practical foundation that contrasts with her bright pink accents and emphasizes her agile, zero-gravity combat style in the field.
White#FFFFFF
Crisp white appears on her rounded boots, belt, and glove details, balancing the darker costume elements and reinforcing the clean, hopeful hero image that Uraraka strives to project while rescuing others.
Azalea#F8C8D4
This pale pink highlights the helmet and chest details of her Uravity costume, softening the overall look and linking her heroic identity directly to the gentle, caring side of her personality.
Ochaco Uraraka 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Ochaco Uraraka’s palette for a perfectly balanced visual hierarchy.
Ochaco Uraraka UI Component Preview
Here is a live example of how the Ochaco Uraraka color palette looks when applied to a modern UI component.
Ochaco Uraraka
Zero Gravity Hero
“I want to be a hero so I can give my parents a comfortable life!”
Ochaco Uraraka 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 Ochaco Uraraka’s aesthetic.
- Main LED: 107, 78, 61
- Accent LED: 244, 167, 185
The Design Philosophy behind Ochaco Uraraka’s Palette
The design team behind My Hero Academia built Ochaco’s palette around a deliberate tension between grounded humility and aspirational brightness. The deep Mine Shaft (#2E2E2E) bodysuit gives her a practical, combat-ready silhouette, while the gentle Azalea (#F8C8D4) helmet and chest panels inject vulnerability and care into an otherwise tactical outfit. Tobacco Brown (#6B4E3D) keeps her visually connected to her working-class roots, preventing the brighter hues from feeling disconnected from her backstory. Wewak (#F4A7B9) then acts as the emotional anchor—her signature blush and accent color—making her instantly identifiable in crowded ensemble scenes. This five-color system succeeds because every HEX code carries narrative weight: no shade is purely decorative. For designers extracting these color codes for UI or branding work, the palette offers a ready-made framework for balancing warmth, contrast, and memorability.
Best Ochaco Uraraka Color Combinations
Grounded Blush Contrast
The muted earthiness of Tobacco Brown grounds the playful energy of Wewak pink, creating a warm-to-cool gradient that feels both approachable and visually striking in UI buttons, cards, or character-themed branding.
Tactical Grace
Pairing the near-black Mine Shaft with pale Azalea pink produces a high-contrast yet soft combination ideal for dark-mode interfaces, hero banners, or typography overlays where readability and elegance must coexist.
Explore More My Hero Academia Character Color Palettes Character Color Codes
Izuku Midoriya Color Codes – My Hero Academia Palette & HEX Values for Designers
Thirteen My Hero Academia Color Codes – Complete Palette with HEX, RGB & CMYK Values
Rei Todoroki Color Codes & Palette – My Hero Academia HEX Color Guide
Spinner Color Codes – My Hero Academia Palette: HEX, RGB & CMYK Values
Download Ochaco Uraraka My Hero Academia Color Palette
Ochaco Uraraka .ASE Swatches
For Adobe Swatches & Procreate
Ochaco Uraraka .SVG Palette
Vector Color Palette
Ochaco Uraraka .PNG Image
High-Quality Palette Preview
FAQs about Ochaco Uraraka My Hero Academia Color Codes
What is the exact HEX color code for Ochaco Uraraka’s hair and eyes?
Ochaco Uraraka’s bobbed hair and warm eyes use Tobacco Brown, HEX code #6B4E3D (RGB 107, 78, 61), giving her an earthy, approachable look that reflects her humble background.
What is the primary color of Ochaco Uraraka’s hero costume?
The main bodysuit of her Uravity hero costume is Mine Shaft, a deep near-black with HEX code #2E2E2E, providing a sleek tactical base that contrasts sharply with her pink accent panels.
Which pink shade is used for Ochaco’s blush stickers and costume accents?
Her signature circular blush stickers and suit accent panels use Wewak pink, HEX code #F4A7B9, while the softer Azalea (#F8C8D4) appears on her helmet and chest details for added depth.
