Yanagi Color Palette: Official HEX Codes and Zenless Zone Zero Design Guide

Yanagi Color Palette: Official HEX Codes and Zenless Zone Zero Design Guide

Yanagi, the disciplined and sophisticated Deputy Chief of Section 6 in Zenless Zone Zero, boasts a visual design that perfectly balances urban professionalism with supernatural energy. Her aesthetic is defined by a striking color palette that enhances her presence in the neon-lit streets of New Eridu. The core of her identity lies in the vibrant Blueberry (#6B4EFF), which colors her primary clothing panels, complemented by the deep, mysterious Revolver (#2B1B3A) used for her tactical underlayers. To add a spectral touch, the soft Magnolia (#F4F0FF) provides a refined base for her hair, creating a high-contrast look that is both modern and ethereal for designers seeking professional color codes.

Blueberry
#6B4EFF
Revolver
#2B1B3A
Magnolia
#F4F0FF
Hot Pink
#FF67C8
Sunglow
#FFD24A

Yanagi Zenless Zone Zero Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Blueberry #6B4EFF 107, 78, 255 58, 69, 0, 0
Revolver #2B1B3A 43, 27, 58 26, 53, 0, 77
Magnolia #F4F0FF 244, 240, 255 4, 6, 0, 0
Hot Pink #FF67C8 255, 103, 200 0, 60, 22, 0
Sunglow #FFD24A 255, 210, 74 0, 18, 71, 0

Yanagi CSS & Tailwind Color Variables

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

:root {
/* Yanagi Zenless Zone Zero Palette */
--yanagi-zenless-zone-zero-blueberry: #6B4EFF;
--yanagi-zenless-zone-zero-revolver: #2B1B3A;
--yanagi-zenless-zone-zero-magnolia: #F4F0FF;
--yanagi-zenless-zone-zero-hot-pink: #FF67C8;
--yanagi-zenless-zone-zero-sunglow: #FFD24A;
}

Yanagi CSS Gradients

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

Click to Copy CSS
Blueberry to Hot Pink#6B4EFF → #FF67C8
Click to Copy CSS
Magnolia to Blueberry#F4F0FF → #6B4EFF

Yanagi Color Scheme Breakdown

Blueberry#6B4EFF

This vibrant violet covers Yanagi’s primary clothing panels and hair accents, defining her visual identity with a striking, energetic hue used across her jacket, cape, and signage, signaling elegance and supernatural flair.

Revolver#2B1B3A

A deep, desaturated indigo provides the core silhouette color for Yanagi’s underlayers, boots, and utility straps, anchoring brighter accents while conveying mystery, depth, and urban nocturnal atmosphere.

Magnolia#F4F0FF

A soft, cool off-white-lavender appears on Yanagi’s hair base and inner garment linings, offering contrast to darker tones while suggesting a spectral, refined aesthetic that enhances visibility in character portraits.

Hot Pink#FF67C8

A vivid magenta is reserved for Yanagi’s small but impactful accents—eye irises, ribbon ties, and emblem details—injecting vitality, femininity, and focal interest that draws the eye to facial and gesture points.

Sunglow#FFD24A

A warm golden-yellow functions as Yanagi’s trim and accessory color—used on buttons, jewelry, and weapon highlights—imbuing design with luxury, technological ornamentation, and readable contrast against cooler base tones.

Yanagi 60-30-10 Design Rule

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

60% Background
#F4F0FF
30% Primary
#2B1B3A
10% Accent
#6B4EFF

Use Magnolia (#F4F0FF) for large background spaces, Revolver (#2B1B3A) for primary text and structural UI elements, and vibrant Blueberry (#6B4EFF) exclusively for call-to-action buttons and important highlights.

Yanagi UI Component Preview

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

Yanagi

Section 6 Deputy Chief

“Efficiency is the foundation of every successful operation. Let us proceed with precision.”

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

  • Main LED: 107, 78, 255
  • Accent LED: 43, 27, 58

The Design Philosophy behind Yanagi’s Palette

The design philosophy of Yanagi’s palette centers on the ‘Neo-Noir’ aesthetic of Zenless Zone Zero, utilizing color to tell a story of authority and hidden power. The use of deep indigo and violet tones suggests a character who is calm, calculating, and deeply integrated into the nocturnal urban atmosphere. However, the brilliance of this palette lies in its functional accents. By incorporating Hot Pink (#FF67C8) for her eyes and Sunglow (#FFD24A) for her technological ornaments, the developers create sharp focal points that guide the player’s eye during fast-paced combat. This strategic use of high-saturation highlights against desaturated dark bases ensures Yanagi remains readable and iconic, reflecting her role as a high-ranking official who possesses a spark of dangerous vitality. It is a masterclass in using color theory to balance character lore with visual gameplay clarity.

Best Yanagi Color Combinations

Supernatural Tech Contrast

The pairing of vibrant violet and warm gold creates a luxurious, high-energy contrast ideal for highlighting interactive UI elements against a mystical background.

Nocturnal Spectral Depth

This combination offers maximum readability by placing a soft, cool off-white against a deep indigo, perfect for clean typography and layered graphic compositions.

Download Yanagi Zenless Zone Zero Color Palette

ASE

Yanagi .ASE Swatches

For Adobe Swatches & Procreate

SVG

Yanagi .SVG Palette

Vector Color Palette

PNG

Yanagi .PNG Image

High-Quality Palette Preview

FAQs about Yanagi Zenless Zone Zero Color Codes

What is the HEX code for Yanagi’s hair in Zenless Zone Zero?

Yanagi’s hair features a spectral Magnolia base (#F4F0FF) accented with vibrant Blueberry (#6B4EFF) highlights to create her signature ethereal look.

What are the primary outfit colors for Yanagi’s design?

Yanagi’s primary outfit is composed of a deep, desaturated indigo known as Revolver (#2B1B3A) for her tactical gear, layered with Blueberry (#6B4EFF) panels on her jacket and cape.

What color are Yanagi’s eyes and accent details?

Yanagi’s eyes and small ribbon accents use a vivid Hot Pink (#FF67C8), providing a sharp focal point that contrasts against her cooler primary tones.

Copied