Haku’s visual identity in Naruto masterfully balances tragic beauty with lethal precision through a curated five-color palette. For designers seeking authentic character color codes, this scheme anchors on #2B3A42 Outer Space for his battle attire, conveying silent loyalty, while #D6EAF8 Humming Bird captures his Ice Release essence and gentle spirit. The palette is grounded by #F4F6F7 Porcelain, reflecting his fragile humanity and ephemeral snow-like presence. These specific HEX values provide an accurate foundation for fan art, cosplay references, or thematic UI projects requiring emotionally resonant anime-inspired color schemes that honor Haku’s complex narrative duality.
Haku Naruto Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Outer Space | #2B3A42 | 43, 58, 66 | 35, 12, 0, 74 | |
| Humming Bird | #D6EAF8 | 214, 234, 248 | 14, 6, 0, 3 | |
| Mirage | #1C2833 | 28, 40, 51 | 45, 22, 0, 80 | |
| Regent Gray | #85929E | 133, 146, 158 | 16, 8, 0, 38 | |
| Porcelain | #F4F6F7 | 244, 246, 247 | 1, 0, 0, 3 |
Haku CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Haku Naruto Palette */
--haku-naruto-outer-space: #2B3A42;
--haku-naruto-humming-bird: #D6EAF8;
--haku-naruto-mirage: #1C2833;
--haku-naruto-regent-gray: #85929E;
--haku-naruto-porcelain: #F4F6F7;
}More Naruto Character Color Palettes Color Codes (Blue Palette)
Haku CSS Gradients
Beautiful gradient backgrounds inspired by Haku’s aesthetic. Click to copy the CSS code.
Haku Color Scheme Breakdown
Outer Space#2B3A42
This deep navy blue represents Haku’s primary battle attire and mask straps, symbolizing his unwavering loyalty to Zabuza and the cold, silent nature of his assassin role.
Humming Bird#D6EAF8
A pale ice blue reflecting his Ice Release kekkei genkai and feminine features, embodying the tragic purity and gentle soul hidden beneath his deadly ninja exterior throughout the series.
Mirage#1C2833
This dark charcoal blue defines his hair and inner clothing layers, representing the melancholy of his past and the shadowy existence he accepted as a tool for his master.
Regent Gray#85929E
A muted steel blue found in his hunter-nin mask and armor accents, signifying the emotional detachment and professional discipline required to suppress his humanity during combat missions.
Porcelain#F4F6F7
An off-white blue tint present in his skin tone and bandages, illustrating the fragility of his life and the ephemeral beauty of snow that defines his character arc.
Haku 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Haku’s palette for a perfectly balanced visual hierarchy.
Haku UI Component Preview
Here is a live example of how the Haku color palette looks when applied to a modern UI component.
Haku
Ice Release Assassin
“I’m already dead… I am merely a tool.”
Haku 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 Haku’s aesthetic.
- Main LED: 43, 58, 66
- Accent LED: 214, 234, 248
The Design Philosophy behind Haku’s Palette
Haku’s color philosophy exemplifies narrative-driven character design where every HEX code serves storytelling. The juxtaposition of #1C2833 Mirage (melancholic past) against #D6EAF8 Humming Bird (pure ice abilities) visually encodes his internal conflict between tool and human. Designers leverage this contrast to evoke emotional depth; the muted #85929E Regent Gray in his mask signifies suppressed emotion, while #F4F6F7 Porcelain skin tone reinforces vulnerability. This palette succeeds because it avoids generic “ice character” clichés—instead using desaturated blues and grays to communicate tragedy over power. For UI/UX applications, these colors offer accessible contrast ratios and psychological nuance, proving that effective character color codes must align with lore, not just aesthetics.
Best Haku Color Combinations
Frozen Loyalty Contrast
The deep navy of Outer Space provides strong visual weight against the pale ice blue of Humming Bird, creating high readability and emotional tension ideal for headers or focal UI elements.
Masked Melancholy Tone
Regent Gray’s muted steel blends seamlessly with Porcelain’s soft off-white, offering a low-contrast, serene pairing perfect for backgrounds or subtle interface layers that evoke Haku’s quiet sorrow.
Explore More Naruto Character Color Palettes Character Color Codes
Download Haku Naruto Color Palette
Haku .ASE Swatches
For Adobe Swatches & Procreate
Haku .SVG Palette
Vector Color Palette
Haku .PNG Image
High-Quality Palette Preview
FAQs about Haku Naruto Color Codes
What is the HEX code for Haku’s ice-themed hair and abilities?
Haku’s ice-related features use #D6EAF8 (Humming Bird), a pale ice blue representing his Ice Release kekkei genkai and gentle soul.
What are the primary colors in Haku’s battle outfit?
His main battle attire uses #2B3A42 (Outer Space) for the outer garment and #1C2833 (Mirage) for inner layers, symbolizing loyalty and melancholy.
Which HEX code represents Haku’s hunter-nin mask accents?
The mask and armor accents use #85929E (Regent Gray), a muted steel blue signifying emotional detachment and professional discipline.
