Pan Yinhu Color Palette: Official HEX Codes & ZZZ Design Guide

Pan Yinhu Color Palette: Official HEX Codes & ZZZ Design Guide

Pan Yinhu makes a striking entrance in Zenless Zone Zero with a visual identity that perfectly captures the ‘Urban Cyber-Chic’ aesthetic. Her design is anchored by the vivid Blueberry (#7B61FF), a purple hue that dominates her stylish long coat and signals an enigmatic presence. To balance this intensity, designers utilized soft Mauve (#E9B7FF) for delicate ribbon accents, creating a playful pop-culture contrast. For those seeking the exact Pan Yinhu color codes for UI or fan art, the inclusion of Cod Gray (#0B0B0B) provides the essential grounding needed for silhouette clarity and visual weight in high-speed combat sequences.

Blueberry
#7B61FF
Mauve
#E9B7FF
Cyan / Aqua
#21D4FF
Frangipani
#FFD9B3
Cod Gray
#0B0B0B

Pan Yinhu Zenless Zone Zero Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Blueberry #7B61FF 123, 97, 255 52, 62, 0, 0
Mauve #E9B7FF 233, 183, 255 9, 28, 0, 0
Cyan / Aqua #21D4FF 33, 212, 255 87, 17, 0, 0
Frangipani #FFD9B3 255, 217, 179 0, 15, 30, 0
Cod Gray #0B0B0B 11, 11, 11 0, 0, 0, 96

Pan Yinhu CSS & Tailwind Color Variables

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

:root {
/* Pan Yinhu Zenless Zone Zero Palette */
--pan-yinhu-zenless-zone-zero-blueberry: #7B61FF;
--pan-yinhu-zenless-zone-zero-mauve: #E9B7FF;
--pan-yinhu-zenless-zone-zero-cyan-/-aqua: #21D4FF;
--pan-yinhu-zenless-zone-zero-frangipani: #FFD9B3;
--pan-yinhu-zenless-zone-zero-cod-gray: #0B0B0B;
}

Pan Yinhu CSS Gradients

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

Click to Copy CSS
Blueberry to Frangipani#7B61FF → #FFD9B3
Click to Copy CSS
Cyan / Aqua to Blueberry#21D4FF → #7B61FF

Pan Yinhu Color Scheme Breakdown

Blueberry#7B61FF

This vivid purple (#7B61FF) dominates Pan Yinhu’s long coat and primary outfit panels, signaling her enigmatic, stylish presence and serving as the composition’s focal hue across promotional art and in-game model textures.

Mauve#E9B7FF

A soft lilac (#E9B7FF) appears on ribbon accents, inner sleeve linings, and ornamental trims, conveying a delicate, playful contrast to darker garments while reinforcing Pan Yinhu’s whimsical, pop-culture-inspired design motifs.

Cyan / Aqua#21D4FF

A bright cyan neon (#21D4FF) highlights technological elements like energy sigils, weapon effects, and trim piping, emphasizing her connection to urban tech aesthetics and providing vivid, eye-catching contrast in concept art and UI icons.

Frangipani#FFD9B3

A warm peach skin tone (#FFD9B3) covers Pan Yinhu’s face and hands, grounding the palette with natural coloration that balances synthetic hues while improving character readability in close-up portraits and animated sequences.

Cod Gray#0B0B0B

A deep near-black (#0B0B0B) defines outlines, boots, belts, and hardware, providing contrast, silhouette clarity, and visual weight to Pan Yinhu’s design while anchoring brighter colors during in-game and promotional compositions.

Pan Yinhu 60-30-10 Design Rule

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

60% Background
#FFD9B3
30% Primary
#0B0B0B
10% Accent
#7B61FF

Use Frangipani (#FFD9B3) for large background spaces, Cod Gray (#0B0B0B) for primary text and structural UI elements, and vibrant Blueberry (#7B61FF) exclusively for call-to-action buttons and important highlights.

Pan Yinhu UI Component Preview

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

Pan Yinhu

Urban Tech Enforcer

“In this neon jungle, you’re either the hunter or the hardware.”

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

  • Main LED: 123, 97, 255
  • Accent LED: 233, 183, 255

The Design Philosophy behind Pan Yinhu’s Palette

The design philosophy of Pan Yinhu revolves around the intersection of high-fashion and futuristic technology. The developers utilized a high-contrast palette to reflect her multifaceted personality—mysterious yet technologically advanced. The primary use of Blueberry (#7B61FF) establishes a regal, nocturnal vibe, while the Cyan / Aqua (#21D4FF) neon highlights represent her energy-based weapon effects and urban tech connectivity. This combination is a strategic choice for character readability; the bright cyan draws the player’s eye to interactive combat elements, while the Frangipani (#FFD9B3) skin tone ensures the character remains relatable and human amidst the synthetic neon environment. This meticulous selection of HEX codes creates a balanced, iconic look that thrives in the stylized world of New Eridu.

Best Pan Yinhu Color Combinations

Neon Cyber-Pulse

This pairing creates a high-energy, futuristic glow ideal for highlighting interactive UI elements against a dark, tech-themed background.

Sophisticated Shadow

The deep black provides a perfect canvas for the soft lilac to pop, offering a sophisticated and readable contrast for typography or iconography.

Download Pan Yinhu Zenless Zone Zero Color Palette

ASE

Pan Yinhu .ASE Swatches

For Adobe Swatches & Procreate

SVG

Pan Yinhu .SVG Palette

Vector Color Palette

PNG

Pan Yinhu .PNG Image

High-Quality Palette Preview

FAQs about Pan Yinhu Zenless Zone Zero Color Codes

What is the HEX code for Pan Yinhu’s neon energy highlights?

The bright, eye-catching neon cyan used for Pan Yinhu’s energy sigils and technological trim is #21D4FF.

What color is Pan Yinhu’s signature long coat?

Pan Yinhu’s iconic primary outfit color is a vivid purple known as Blueberry, which uses the HEX code #7B61FF.

Which color is used for Pan Yinhu’s hardware and boots?

To provide silhouette clarity and visual weight, her boots, belts, and hardware are colored in a deep near-black called Cod Gray (#0B0B0B).

Copied