Hanzo, the legendary leader of Amegakure in Naruto, embodies resilience through a meticulously crafted color palette that resonates with designers seeking authentic anime-inspired color codes. His visual identity anchors on #4A6FA5 San Marino blue, reflecting the perpetual rain of his village, while #2C3E50 Pickled Bluewood conveys military authority in his armor. The inclusion of #7F8C8D Oslo Gray on his respirator adds functional realism to the design. This curated HEX palette offers UI/UX professionals and digital artists precise color values that capture Hanzo’s somber yet commanding presence, making it an essential reference for character-themed projects requiring narrative-driven color accuracy.
Hanzo Naruto Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| San Marino | #4A6FA5 | 74, 111, 165 | 55, 33, 0, 35 | |
| Pickled Bluewood | #2C3E50 | 44, 62, 80 | 45, 22, 0, 69 | |
| Oslo Gray | #7F8C8D | 127, 140, 141 | 10, 1, 0, 45 | |
| Millbrook | #5D4037 | 93, 64, 55 | 0, 31, 41, 64 | |
| Mirage | #1B2631 | 27, 38, 49 | 45, 22, 0, 81 |
Hanzo CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Hanzo Naruto Palette */
--hanzo-naruto-san-marino: #4A6FA5;
--hanzo-naruto-pickled-bluewood: #2C3E50;
--hanzo-naruto-oslo-gray: #7F8C8D;
--hanzo-naruto-millbrook: #5D4037;
--hanzo-naruto-mirage: #1B2631;
}More Naruto Color Codes (Blue Palette)
Hanzo CSS Gradients
Beautiful gradient backgrounds inspired by Hanzo’s aesthetic. Click to copy the CSS code.
Hanzo Color Scheme Breakdown
San Marino#4A6FA5
This muted blue represents Hanzo’s traditional ninja garb and headband, symbolizing his steadfast leadership as Amegakure’s founder and reflecting the perpetual rain that defines his village’s somber atmosphere.
Pickled Bluewood#2C3E50
A deep navy tone found in his armored chest plate and lower clothing layers, conveying military authority and resilience while anchoring the visual weight of his legendary status within the Naruto universe.
Oslo Gray#7F8C8D
Steel grey appears on his facial respirator and metal armor accents, representing the toxic environment of Amegakure and serving as a constant reminder of his cautious nature and reliance on protective equipment.
Millbrook#5D4037
Earthy brown tones define his leather straps and sandal details, providing necessary contrast against cooler blues while grounding the character design in traditional shinobi aesthetics and practical battlefield functionality.
Mirage#1B2631
Near-black shading covers his inner garments and hair sections, adding depth to the overall silhouette and emphasizing the mysterious, shadowy reputation he earned as the Salamander of the Hidden Rain Village.
Hanzo 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Hanzo’s palette for a perfectly balanced visual hierarchy.
Hanzo UI Component Preview
Here is a live example of how the Hanzo color palette looks when applied to a modern UI component.
Hanzo
Legendary Rain Leader
“I am Hanzo of the Salamander!”
Hanzo 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 Hanzo’s aesthetic.
- Main LED: 74, 111, 165
- Accent LED: 44, 62, 80
The Design Philosophy behind Hanzo’s Palette
Hanzo’s color scheme is a masterclass in narrative-driven UI color psychology, where each HEX code serves dual aesthetic and storytelling purposes. The dominance of cool tones like #4A6FA5 and #2C3E50 establishes a melancholic, authoritative mood consistent with Amegakure’s rainy lore, while #7F8C8D introduces industrial texture that signals danger and survival. Earthy #5D4037 prevents visual fatigue by grounding the palette, ensuring accessibility and balance in digital interfaces. Near-black #1B2631 adds dimensional depth without overwhelming contrast ratios. This intentional layering demonstrates how character color codes can transcend decoration to become functional design systems—ideal for developers building immersive Naruto-themed UIs or brand identities rooted in emotional authenticity and WCAG-compliant contrast.
Best Hanzo Color Combinations
Rain Sovereign Contrast
The muted blue and deep navy create a harmonious low-contrast pairing ideal for layered UI elements like cards or headers, evoking Hanzo’s regal yet weathered authority while maintaining readability.
Toxic Steel Accent
Steel gray and earthy brown form a tactile, grounded combination perfect for buttons or borders, balancing industrial and organic aesthetics to enhance user interaction cues in dark-themed interfaces.
Explore More Naruto Character Color Codes
Download Hanzo Naruto Color Palette
Hanzo .ASE Swatches
For Adobe Swatches & Procreate
Hanzo .SVG Palette
Vector Color Palette
Hanzo .PNG Image
High-Quality Palette Preview
FAQs about Hanzo Naruto Color Codes
What is the HEX color code for Hanzo’s ninja headband and main garment?
Hanzo’s primary headband and traditional ninja garb use the HEX code #4A6FA5, known as San Marino blue, representing Amegakure’s eternal rain and his steadfast leadership.
What are the dominant colors in Hanzo’s overall outfit design?
Hanzo’s outfit is dominated by #4A6FA5 San Marino blue for outer layers and #2C3E50 Pickled Bluewood for armored sections, creating a cohesive cool-toned palette that reflects his military status and village’s somber atmosphere.
Which color represents Hanzo’s facial respirator and metal armor accents?
The facial respirator and metal armor accents on Hanzo use #7F8C8D Oslo Gray, a steel-toned HEX that symbolizes Amegakure’s toxic environment and his cautious, protective nature.
