Masaru Bakugo Color Codes & Palette – My Hero Academia HEX Values for UI/UX Design

Masaru Bakugo Color Codes & Palette – My Hero Academia HEX Values for UI/UX Design

Masaru Bakugo, the soft-spoken father of Katsuki Bakugo in My Hero Academia, embodies quiet warmth through a restrained earth-tone palette. His neatly styled hair in Potters Clay (#8B5E3C) paired with deep Shingle Fawn (#6B4A32) eyes behind rectangular glasses establishes a calm visual identity that contrasts sharply with his son’s explosive aesthetic. Designers seeking grounded, approachable color codes will find his wardrobe—anchored by the muted tan Misty Moss (#C2A278) sweater—ideal for UI themes that prioritize subtlety, trust, and emotional balance without visual aggression.

Potters Clay
#8B5E3C
Shingle Fawn
#6B4A32
Misty Moss
#C2A278
Spring Wood
#F4F1EA
Merlin
#3D3A36

Masaru Bakugo My Hero Academia Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Potters Clay #8B5E3C 139, 94, 60 0, 32, 57, 45
Shingle Fawn #6B4A32 107, 74, 50 0, 31, 53, 58
Misty Moss #C2A278 194, 162, 120 0, 16, 38, 24
Spring Wood #F4F1EA 244, 241, 234 0, 1, 4, 4
Merlin #3D3A36 61, 58, 54 0, 5, 11, 76

Masaru Bakugo CSS & Tailwind Color Variables

Select your preferred format and copy the ready-to-use CSS variables for your web projects.

:root {
/* Masaru Bakugo My Hero Academia Palette */
--masaru-bakugo-my-hero-academia-potters-clay: #8B5E3C;
--masaru-bakugo-my-hero-academia-shingle-fawn: #6B4A32;
--masaru-bakugo-my-hero-academia-misty-moss: #C2A278;
--masaru-bakugo-my-hero-academia-spring-wood: #F4F1EA;
--masaru-bakugo-my-hero-academia-merlin: #3D3A36;
}

Masaru Bakugo CSS Gradients

Beautiful gradient backgrounds inspired by Masaru Bakugo’s aesthetic. Click to copy the CSS code.

Click to Copy CSS
Potters Clay to Spring Wood#8B5E3C → #F4F1EA
Click to Copy CSS
Misty Moss to Potters Clay#C2A278 → #8B5E3C

Masaru Bakugo Color Scheme Breakdown

Potters Clay#8B5E3C

This warm medium brown appears in Masaru Bakugo’s neatly styled hair, giving him a soft, approachable appearance that contrasts with his son Katsuki’s explosive blonde spikes and reflects his calm, even-tempered nature in family scenes.

Shingle Fawn#6B4A32

Masaru’s eyes feature this deep brown tone, visible behind his rectangular glasses, emphasizing his gentle, thoughtful demeanor and visually linking him to his son’s inherited brown eye color despite their opposite personalities.

Misty Moss#C2A278

This muted tan color comes from the knitted sweater vest or cardigan Masaru typically wears over his shirt, adding a soft, neutral beige layer that reinforces his understated, mild-mannered character design.

Spring Wood#F4F1EA

An off-white shade seen on his collared dress shirt beneath the sweater, this light neutral base keeps his outfit clean and simple, highlighting his ordinary, non-combative civilian role in the My Hero Academia universe.

Merlin#3D3A36

His trousers are rendered in this dark charcoal brown, grounding the palette with a subdued, earthy neutral that balances the lighter tan sweater and matches his quiet, reserved presence in social situations.

Masaru Bakugo 60-30-10 Design Rule

Apply the classic 60-30-10 UI design rule using Masaru Bakugo’s palette for a perfectly balanced visual hierarchy.

60% Background
#F4F1EA
30% Primary
#3D3A36
10% Accent
#8B5E3C

Use Spring Wood (#F4F1EA) for large background spaces, Merlin (#3D3A36) for primary text and structural UI elements, and vibrant Potters Clay (#8B5E3C) exclusively for call-to-action buttons and important highlights.

Masaru Bakugo UI Component Preview

Here is a live example of how the Masaru Bakugo color palette looks when applied to a modern UI component.

Masaru Bakugo

Gentle Civilian Father

“You don’t have to be the strongest to be a hero, Katsuki.”

Masaru Bakugo 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 Masaru Bakugo’s aesthetic.

  • Main LED: 139, 94, 60
  • Accent LED: 107, 74, 50

The Design Philosophy behind Masaru Bakugo’s Palette

The design philosophy behind Masaru Bakugo’s color codes deliberately strips away saturation and contrast to visually encode his role as the emotional anchor of the Bakugo household. Kohei Horikoshi’s team selected five tightly clustered earth tones—ranging from Spring Wood (#F4F1EA) to Merlin (#3D3A36)—to communicate ordinariness, patience, and non-combative civilian life. Unlike hero palettes built on complementary clashes, Masaru’s HEX palette operates within an analogous brown-to-charcoal range, ensuring no single element dominates. This low-contrast strategy succeeds because it positions him as a visual ‘safe zone’ beside Katsuki’s high-energy design, reinforcing narrative tension through color temperature alone. For UI/UX practitioners, this palette demonstrates how restraint and tonal proximity can convey authority without volume.

Best Masaru Bakugo Color Combinations

Warm Earth Foundation

Pairing Potters Clay with Misty Moss creates a harmonious analogous duo whose low saturation gap ensures comfortable readability in UI backgrounds, cards, and hero-section illustrations without visual fatigue.

Quiet Authority Contrast

Spring Wood against Merlin delivers a near-monochrome high-contrast pairing ideal for text-on-background legibility, mimicking Masaru’s understated shirt-and-trouser silhouette in graphic layouts.

Download Masaru Bakugo My Hero Academia Color Palette

ASE

Masaru Bakugo .ASE Swatches

For Adobe Swatches & Procreate

SVG

Masaru Bakugo .SVG Palette

Vector Color Palette

PNG

Masaru Bakugo .PNG Image

High-Quality Palette Preview

FAQs about Masaru Bakugo My Hero Academia Color Codes

What is the exact HEX code for Masaru Bakugo’s hair color in My Hero Academia?

Masaru Bakugo’s neatly styled hair is rendered in Potters Clay, HEX code #8B5E3C (RGB 139, 94, 60). This warm medium brown gives him a soft, approachable look that contrasts with Katsuki’s explosive blonde spikes.

What color palette does Masaru Bakugo’s outfit follow, and what are the main HEX codes?

His wardrobe follows a muted earth-tone scheme: the knitted sweater vest uses Misty Moss #C2A278, the collared dress shirt is Spring Wood #F4F1EA, and his trousers are dark charcoal Merlin #3D3A36—together forming a low-contrast, civilian palette.

What HEX color represents Masaru Bakugo’s eyes behind his glasses?

Masaru’s eyes are Shingle Fawn, HEX #6B4A32 (RGB 107, 74, 50). This deep brown tone, visible behind his rectangular glasses, visually links him to Katsuki’s inherited eye color while emphasizing his gentle, thoughtful demeanor.

Copied