Boruto Uzumaki redefines the modern shinobi aesthetic through a carefully curated color palette that balances legacy with innovation. His iconic tracksuit features vivid Cobalt (#0047AB), distinguishing him from previous generations while maintaining visual continuity. The bright Gold (#FFD700) accents on his zipper and headband symbolize inherited Uzumaki vitality, creating perfect focal points in character design. Grounded by Eerie Black (#1C1C1C) for practical stealth attire, these color codes provide designers with authentic hex values for fan art, UI themes, and digital projects inspired by the Naruto universe’s evolving visual identity.
Boruto Uzumaki Naruto Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Cobalt | #0047AB | 0, 71, 171 | 100, 58, 0, 33 | |
| Gold | #FFD700 | 255, 215, 0 | 0, 16, 100, 0 | |
| Eerie Black | #1C1C1C | 28, 28, 28 | 0, 0, 0, 89 | |
| Peach | #FFE4B5 | 255, 228, 181 | 0, 11, 29, 0 | |
| Steel Blue | #4682B4 | 70, 130, 180 | 61, 28, 0, 29 |
Boruto Uzumaki CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Boruto Uzumaki Naruto Palette */
--boruto-uzumaki-naruto-cobalt: #0047AB;
--boruto-uzumaki-naruto-gold: #FFD700;
--boruto-uzumaki-naruto-eerie-black: #1C1C1C;
--boruto-uzumaki-naruto-peach: #FFE4B5;
--boruto-uzumaki-naruto-steel-blue: #4682B4;
}More Naruto Color Codes (Blue Palette)
Boruto Uzumaki CSS Gradients
Beautiful gradient backgrounds inspired by Boruto Uzumaki’s aesthetic. Click to copy the CSS code.
Boruto Uzumaki Color Scheme Breakdown
Cobalt#0047AB
This vivid cobalt blue defines Boruto’s iconic tracksuit jacket, symbolizing his modern ninja identity and distinguishing him from Naruto’s orange while honoring the Uzumaki clan’s evolving legacy.
Gold#FFD700
Bright golden yellow appears on his jacket zipper and headband plate accents, representing inherited Uzumaki vitality and serving as a visual bridge between his father’s legacy and his own unique path.
Eerie Black#1C1C1C
Deep charcoal black forms his undershirt and pants, providing essential contrast against brighter tones while grounding his design in practical shinobi attire suitable for stealth missions and dynamic combat sequences.
Peach#FFE4B5
Warm moccasin beige accurately renders his skin tone across all media, maintaining consistency with Hyuga heritage through Hinata while differentiating his complexion from Naruto’s slightly tanner appearance in official artwork.
Steel Blue#4682B4
Steel blue characterizes his spiky hair highlights and chakra effects during Rasengan usage, visually connecting his aesthetic to water release affinity and reinforcing the cooler color temperature defining his generation’s design philosophy.
Boruto Uzumaki 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Boruto Uzumaki’s palette for a perfectly balanced visual hierarchy.
Boruto Uzumaki UI Component Preview
Here is a live example of how the Boruto Uzumaki color palette looks when applied to a modern UI component.
Boruto Uzumaki
Modern Ninja Protagonist
“I’m not running away from my destiny, I’m forging my own path!”
Boruto Uzumaki 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 Boruto Uzumaki’s aesthetic.
- Main LED: 0, 71, 171
- Accent LED: 255, 215, 0
The Design Philosophy behind Boruto Uzumaki’s Palette
The Boruto Uzumaki color palette demonstrates masterful narrative-driven design where each hex code serves dual aesthetic and storytelling purposes. Cobalt (#0047AB) replaces traditional orange to signal generational shift while Steel Blue (#4682B4) hair highlights reinforce his water release affinity and cooler temperament compared to his father. The strategic use of Peach (#FFE4B5) maintains Hyuga heritage consistency across media adaptations. This combination succeeds because it honors established visual language while introducing distinct chromatic markers for new audiences. For UI designers seeking anime-inspired palettes, these color codes offer proven contrast ratios and emotional resonance that translate effectively from screen to interface elements.
Best Boruto Uzumaki Color Combinations
Shinobi Legacy Contrast
Cobalt blue and gold create high-impact complementary contrast ideal for call-to-action buttons and character branding in ninja-themed interfaces.
Stealth Combat Foundation
Eerie black paired with peach provides accessible text-on-background readability while evoking authentic shinobi attire tones for immersive UI backgrounds.
Explore More Naruto Character Color Codes
Download Boruto Uzumaki Naruto Color Palette
Boruto Uzumaki .ASE Swatches
For Adobe Swatches & Procreate
Boruto Uzumaki .SVG Palette
Vector Color Palette
Boruto Uzumaki .PNG Image
High-Quality Palette Preview
FAQs about Boruto Uzumaki Naruto Color Codes
What is the exact hex code for Boruto Uzumaki’s signature jacket color?
Boruto’s iconic tracksuit jacket uses Cobalt blue with hex code #0047AB (RGB: 0, 71, 171), representing his modern ninja identity distinct from Naruto’s orange.
Which colors define Boruto’s primary outfit palette for design projects?
His main outfit combines Cobalt (#0047AB) for the jacket, Eerie Black (#1C1C1C) for undershirt and pants, and Gold (#FFD700) accents for zippers and headband details.
What hex code represents Boruto’s chakra effects and hair highlights?
Steel Blue (#4682B4) is used for both his spiky hair highlights and Rasengan chakra effects, visually connecting to his water release affinity and cooler design temperature.
