• Home
  • /
  • Anime
  • /
  • Naruto
  • /
  • Zetsu Naruto Color Codes: Official HEX Palette & UI Design Guide

Zetsu Naruto Color Codes: Official HEX Palette & UI Design Guide

Zetsu Naruto Color Codes: Official HEX Palette & UI Design Guide

Zetsu is a unique plant-based spy in the Naruto universe whose visual identity relies on a carefully curated organic color palette. For designers seeking authentic Naruto color codes, his scheme anchors on Lima (#78BE20) for vibrant plant textures, balanced by the ominous Woodland (#3B4D2A) representing Black Zetsu’s sinister half. The lighter Yellow Green (#A6D96C) adds crucial contrast for White Zetsu’s artificial features. This specific combination of earthy greens and muted tones provides an excellent reference for character-driven UI themes, ensuring brand accuracy for gaming interfaces, fan sites, or anime-inspired graphic design projects requiring precise hex values.

Lima
#78BE20
Woodland
#3B4D2A
Yellow Green
#A6D96C
Millbrook
#5C4033
Satin Linen
#E8E4D9

Zetsu Naruto Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Lima #78BE20 120, 190, 32 37, 0, 83, 25
Woodland #3B4D2A 59, 77, 42 23, 0, 45, 70
Yellow Green #A6D96C 166, 217, 108 24, 0, 50, 15
Millbrook #5C4033 92, 64, 51 0, 30, 45, 64
Satin Linen #E8E4D9 232, 228, 217 0, 2, 6, 9

Zetsu CSS & Tailwind Color Variables

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

:root {
/* Zetsu Naruto Palette */
--zetsu-naruto-lima: #78BE20;
--zetsu-naruto-woodland: #3B4D2A;
--zetsu-naruto-yellow-green: #A6D96C;
--zetsu-naruto-millbrook: #5C4033;
--zetsu-naruto-satin-linen: #E8E4D9;
}

Zetsu CSS Gradients

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

Click to Copy CSS
Lima to Millbrook#78BE20 → #5C4033
Click to Copy CSS
Yellow Green to Lima#A6D96C → #78BE20

Zetsu Color Scheme Breakdown

Lima#78BE20

This vibrant green represents Zetsu’s primary plant-based body texture, symbolizing his deep connection to nature and the White Zetsu Army’s organic origin within the Naruto universe lore.

Woodland#3B4D2A

The dark olive tone defines Black Zetsu’s shadowy half, reflecting his sinister role as Kaguya’s will and contrasting sharply with the lighter green to emphasize duality in design.

Yellow Green#A6D96C

A lighter lime shade appears on White Zetsu’s facial features and spores, highlighting his artificial clone nature and distinguishing him visually from natural flora in battle scenes.

Millbrook#5C4033

Earthy brown accentuates Zetsu’s root-like limbs and ground fusion ability, grounding the character in soil aesthetics while reinforcing his function as a spy embedded within terrain.

Satin Linen#E8E4D9

Off-white coloration covers White Zetsu’s face and inner mouth area, evoking pale fungal growths and underscoring his unnatural, manufactured biology distinct from human skin tones.

Zetsu 60-30-10 Design Rule

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

60% Background
#E8E4D9
30% Primary
#3B4D2A
10% Accent
#78BE20

Use Satin Linen (#E8E4D9) for large background spaces, Woodland (#3B4D2A) for primary text and structural UI elements, and vibrant Lima (#78BE20) exclusively for call-to-action buttons and important highlights.

Zetsu UI Component Preview

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

Zetsu

Spy Plant Hybrid

“I am no one’s subordinate… I am Kaguya’s will!”

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

  • Main LED: 120, 190, 32
  • Accent LED: 59, 77, 42

The Design Philosophy behind Zetsu’s Palette

Zetsu’s design philosophy leverages color duality to visually narrate his split personality and lore significance within the Naruto franchise. The high-contrast pairing of Lima (#78BE20) and Woodland (#3B4D2A) isn’t merely aesthetic; it directly maps to the White and Black Zetsu entities, reinforcing narrative tension through chromatic opposition. For UI/UX designers, this palette demonstrates how semantic color coding can enhance storytelling—where vibrant greens signal organic life while dark olives imply hidden malice. The inclusion of Satin Linen (#E8E4D9) prevents visual fatigue and adds biological texture, making the palette functional for accessible interface design. This strategic use of Naruto color codes proves that effective character palettes serve both artistic expression and practical usability in digital environments.

Best Zetsu Color Combinations

Organic Duality Contrast

The vibrant Lima green and deep Woodland olive create strong visual hierarchy ideal for toggle states or faction indicators in Naruto-themed UI.

Fungal Accent Harmony

Yellow Green paired with Satin Linen offers a soft, low-contrast combination perfect for tooltips, cards, or background elements needing subtle organic warmth.

Download Zetsu Naruto Color Palette

ASE

Zetsu .ASE Swatches

For Adobe Swatches & Procreate

SVG

Zetsu .SVG Palette

Vector Color Palette

PNG

Zetsu .PNG Image

High-Quality Palette Preview

FAQs about Zetsu Naruto Color Codes

What is the exact HEX code for Zetsu’s primary green body color?

Zetsu’s main plant-based body uses Lima green with HEX code #78BE20, representing his organic White Zetsu form.

What colors define Zetsu’s overall dual-tone appearance?

His signature look combines Lima (#78BE20) for White Zetsu and Woodland (#3B4D2A) for Black Zetsu, creating the iconic split-color silhouette.

Which HEX code represents Zetsu’s root-like limbs and ground fusion ability?

The earthy brown accent for Zetsu’s roots and terrain blending is Millbrook at HEX #5C4033, grounding his design in natural soil aesthetics.

Copied