Toneri Otsutsuki Color Codes & Palette: HEX Values for Naruto UI Design

Toneri Otsutsuki Color Codes & Palette: HEX Values for Naruto UI Design

Toneri Otsutsuki is a tragic antagonist whose visual identity perfectly balances celestial elegance with ominous isolation. For designers seeking precise Naruto color codes, his palette offers a masterclass in muted storytelling. The foundation lies in #F5F5F0 Pampas, representing his pristine robes and detached purity, while #E8DCC4 Stark White provides a warm, human-like skin tone that contrasts against the lunar void. Accented by #A9B7C6 Cadet Blue hair, these hex values create a cohesive aesthetic essential for authentic character-inspired UI themes or fan art requiring accurate Otsutsuki clan color representation.

Pampas
#F5F5F0
Pickled Bluewood
#2C3E50
Stark White
#E8DCC4
Cadet Blue
#A9B7C6
Oxley
#7BA38C

Toneri Otsutsuki Naruto Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Pampas #F5F5F0 245, 245, 240 0, 0, 2, 4
Pickled Bluewood #2C3E50 44, 62, 80 45, 22, 0, 69
Stark White #E8DCC4 232, 220, 196 0, 5, 16, 9
Cadet Blue #A9B7C6 169, 183, 198 15, 8, 0, 22
Oxley #7BA38C 123, 163, 140 25, 0, 14, 36

Toneri Otsutsuki CSS & Tailwind Color Variables

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

:root {
/* Toneri Otsutsuki Naruto Palette */
--toneri-otsutsuki-naruto-pampas: #F5F5F0;
--toneri-otsutsuki-naruto-pickled-bluewood: #2C3E50;
--toneri-otsutsuki-naruto-stark-white: #E8DCC4;
--toneri-otsutsuki-naruto-cadet-blue: #A9B7C6;
--toneri-otsutsuki-naruto-oxley: #7BA38C;
}

Toneri Otsutsuki CSS Gradients

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

Click to Copy CSS
Pampas to Cadet Blue#F5F5F0 → #A9B7C6
Click to Copy CSS
Stark White to Pampas#E8DCC4 → #F5F5F0

Toneri Otsutsuki Color Scheme Breakdown

Pampas#F5F5F0

This pale off-white shade defines Toneri’s traditional Otsutsuki robes, symbolizing his celestial heritage and detached purity as the last survivor living alone on the moon.

Pickled Bluewood#2C3E50

A deep muted teal representing the dark sash and inner lining of his outfit, providing essential contrast against his white garments while reflecting the cold void of space surrounding him.

Stark White#E8DCC4

This warm beige tone accurately captures his skin complexion, distinguishing his human-like Otsutsuki appearance from the stark white clothing and emphasizing his ancient yet youthful biological characteristics.

Cadet Blue#A9B7C6

A soft silver-grey depicting his long flowing hair, which frames his face elegantly and reinforces the lunar aesthetic associated with his clan’s extraterrestrial origin and mystical chakra nature.

Oxley#7BA38C

A subdued sage green found in his Tenseigan chakra mode aura, representing the evolved power of his dojutsu and serving as the primary visual indicator of his immense destructive capabilities.

Toneri Otsutsuki 60-30-10 Design Rule

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

60% Background
#E8DCC4
30% Primary
#2C3E50
10% Accent
#F5F5F0

Use Stark White (#E8DCC4) for large background spaces, Pickled Bluewood (#2C3E50) for primary text and structural UI elements, and vibrant Pampas (#F5F5F0) exclusively for call-to-action buttons and important highlights.

Toneri Otsutsuki UI Component Preview

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

Toneri Otsutsuki

Lunar Puppeteer

“I will use this power to save the Earth… by destroying it.”

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

  • Main LED: 245, 245, 240
  • Accent LED: 44, 62, 80

The Design Philosophy behind Toneri Otsutsuki’s Palette

The Toneri Otsutsuki color palette succeeds because it translates narrative loneliness into functional UI design tokens. Developers utilize #2C3E50 Pickled Bluewood not merely as a dark accent but as a representation of space’s cold vacuum, ensuring high contrast against #F5F5F0 Pampas for accessibility and thematic depth. This deliberate low-saturation approach avoids visual fatigue while maintaining hierarchy. Furthermore, the inclusion of #7BA38C Oxley as a chakra indicator serves a dual purpose: lore accuracy and functional state signaling in interface design. By anchoring the scheme in desaturated neutrals with specific mystical accents, the palette remains versatile for both dark mode interfaces and ethereal landing pages without sacrificing character recognition.

Best Toneri Otsutsuki Color Combinations

Lunar Void Contrast

This pairing delivers WCAG-compliant contrast ideal for typography and buttons, mirroring the stark visual relationship between Toneri’s white robes and the darkness of space.

Ethereal Chakra Glow

Combining silver-grey hair tones with sage green chakra creates a harmonious analogous scheme perfect for hover states, gradients, or mystical UI overlays.

Download Toneri Otsutsuki Naruto Color Palette

ASE

Toneri Otsutsuki .ASE Swatches

For Adobe Swatches & Procreate

SVG

Toneri Otsutsuki .SVG Palette

Vector Color Palette

PNG

Toneri Otsutsuki .PNG Image

High-Quality Palette Preview

FAQs about Toneri Otsutsuki Naruto Color Codes

What is the exact HEX code for Toneri Otsutsuki’s hair color?

Toneri’s flowing silver-grey hair is accurately represented by the HEX code #A9B7C6, known as Cadet Blue, which captures his ethereal lunar aesthetic.

Which color defines Toneri’s main outfit in digital design?

His traditional Otsutsuki robes are best replicated using #F5F5F0 (Pampas), a pale off-white that symbolizes celestial purity and works excellently as a light background base.

What HEX value represents Toneri’s Tenseigan chakra mode?

The distinctive green aura of his Tenseigan power corresponds to #7BA38C (Oxley), a subdued sage green used effectively for active states or magical effect indicators.

Copied