• Home
  • /
  • Anime
  • /
  • Naruto
  • /
  • Mu (Naruto) Color Codes & Palette: Official HEX Values for UI Design

Mu (Naruto) Color Codes & Palette: Official HEX Values for UI Design

Mu (Naruto) Color Codes & Palette: Official HEX Values for UI Design

Mu, the Second Tsuchikage from Naruto, embodies mystery through a meticulously crafted undead aesthetic ideal for dark-themed UI design. His official color palette features #8B7355 Shadow for tattered bandages, evoking ancient stone village lore, while #6B5B4F Pine Cone adds depth to concealed layers. The warm #A0896C Beaver tone introduces subtle contrast on facial wrappings, balancing somber reanimation themes with wearable texture. These precise hex color codes offer designers authentic Naruto-inspired palettes that merge narrative symbolism with functional visual hierarchy, making Mu’s scheme a valuable reference for character-driven digital interfaces seeking earthy, atmospheric cohesion.

Shadow
#8B7355
Pine Cone
#6B5B4F
Beaver
#A0896C
Taupe
#4A3F35
Indian Khaki
#C2A882

Mu Naruto Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Shadow #8B7355 139, 115, 85 0, 17, 39, 45
Pine Cone #6B5B4F 107, 91, 79 0, 15, 26, 58
Beaver #A0896C 160, 137, 108 0, 14, 32, 37
Taupe #4A3F35 74, 63, 53 0, 15, 28, 71
Indian Khaki #C2A882 194, 168, 130 0, 13, 33, 24

Mu CSS & Tailwind Color Variables

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

:root {
/* Mu Naruto Palette */
--mu-naruto-shadow: #8B7355;
--mu-naruto-pine-cone: #6B5B4F;
--mu-naruto-beaver: #A0896C;
--mu-naruto-taupe: #4A3F35;
--mu-naruto-indian-khaki: #C2A882;
}

Mu CSS Gradients

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

Click to Copy CSS
Shadow to Taupe#8B7355 → #4A3F35
Click to Copy CSS
Beaver to Shadow#A0896C → #8B7355

Mu Color Scheme Breakdown

Shadow#8B7355

This muted earthy brown represents Mu’s tattered bandages and cloak, symbolizing his mysterious undead nature as the Second Tsuchikage while maintaining visual consistency with Iwagakure’s traditional stone-based aesthetic throughout the series.

Pine Cone#6B5B4F

A darker desaturated brown defines the shadowed layers of his wrapped body and hood, emphasizing his concealed identity and reinforcing the somber, ancient atmosphere associated with his reanimated state during the Fourth Great Ninja War arc.

Beaver#A0896C

This warm tan shade appears on the lighter sections of his bandages and facial wrappings, providing subtle contrast against deeper tones while reflecting the dusty, weathered texture characteristic of a shinobi resurrected from the afterlife.

Taupe#4A3F35

A deep charcoal brown outlines the inner folds and edges of his garments, establishing structural definition without harsh black lines and preserving the organic, aged appearance essential to his design as a legendary Kage from the past.

Indian Khaki#C2A882

A pale sandy beige highlights the outermost surfaces of his bandaged form, catching ambient light to suggest volume and wear while anchoring his palette within the natural, mineral-rich color language of the Hidden Stone Village’s visual identity.

Mu 60-30-10 Design Rule

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

60% Background
#C2A882
30% Primary
#4A3F35
10% Accent
#8B7355

Use Indian Khaki (#C2A882) for large background spaces, Taupe (#4A3F35) for primary text and structural UI elements, and vibrant Shadow (#8B7355) exclusively for call-to-action buttons and important highlights.

Mu UI Component Preview

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

Mu

Undead Tsuchikage

“I am no longer a Kage… merely dust returning to battle.”

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

  • Main LED: 139, 115, 85
  • Accent LED: 107, 91, 79

The Design Philosophy behind Mu’s Palette

Mu’s color philosophy leverages desaturated earth tones to visually encode his undead identity and Iwagakure heritage without relying on cliché ghostly whites or blacks. The progression from #4A3F35 Taupe outlines to #C2A882 Indian Khaki highlights mimics natural light interaction with aged fabric, creating organic volume essential for readable UI elements. This restrained palette avoids high saturation, reinforcing his solemn, forgotten-Kage narrative while ensuring accessibility through calculated contrast ratios. Designers benefit from this intentional restraint: each hex value serves dual storytelling and usability purposes. The absence of pure black or white preserves authenticity, proving that emotionally resonant character color codes can simultaneously satisfy WCAG standards and deepen user immersion in anime-themed digital experiences.

Best Mu Color Combinations

Bandage Depth Gradient

This mid-to-light brown pairing creates natural tonal variation for layered UI components like cards or banners, mimicking Mu’s wrapped texture while maintaining legibility.

Stone Village Contrast

Deep taupe against sandy beige delivers strong yet soft contrast ideal for text-on-background applications, echoing Iwagakure’s mineral aesthetic without harshness.

Download Mu Naruto Color Palette

ASE

Mu .ASE Swatches

For Adobe Swatches & Procreate

SVG

Mu .SVG Palette

Vector Color Palette

PNG

Mu .PNG Image

High-Quality Palette Preview

FAQs about Mu Naruto Color Codes

What is the exact hex code for Mu’s main bandage color in Naruto?

Mu’s primary bandage color is #8B7355, named Shadow, representing his tattered wrappings and undead stone-ninja aesthetic.

Which colors define Mu’s overall outfit palette for design use?

His core outfit uses #6B5B4F Pine Cone for shadowed layers and #A0896C Beaver for lighter wraps, creating a cohesive earth-toned scheme.

What hex code represents the lightest highlight on Mu’s design?

The lightest accent is #C2A882 Indian Khaki, used on outer bandage surfaces to suggest volume and wear under ambient lighting.

Copied