Vivian bursts into the Zenless Zone Zero universe with a visual identity that perfectly captures the ‘Pop-Cyberpunk’ aesthetic of New Eridu. Her design is anchored by the vibrant Wild Strawberry (#FF4FA3), a high-energy magenta that defines her signature hairstyle and immediate presence. This bold choice is balanced by the soft Carnation Pink (#FF9CCF), adding a layer of approachable charm to her otherwise fierce operative persona. Developers utilized the deep Camelot (#7F2A5A) to provide necessary depth to her silhouette, ensuring her color codes aren’t just flashy, but also grounded in a sophisticated, urban reality that fans and designers can easily replicate in their own digital projects.
Vivian Zenless Zone Zero Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Wild Strawberry | #FF4FA3 | 255, 79, 163 | 0, 69, 36, 0 | |
| Carnation Pink | #FF9CCF | 255, 156, 207 | 0, 39, 19, 0 | |
| Camelot | #7F2A5A | 127, 42, 90 | 0, 67, 29, 50 | |
| Turquoise | #2DD4BF | 45, 212, 191 | 79, 0, 10, 17 | |
| Ebony | #0F172A | 15, 23, 42 | 64, 45, 0, 84 |
Vivian CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Vivian Zenless Zone Zero Palette */
--vivian-zenless-zone-zero-wild-strawberry: #FF4FA3;
--vivian-zenless-zone-zero-carnation-pink: #FF9CCF;
--vivian-zenless-zone-zero-camelot: #7F2A5A;
--vivian-zenless-zone-zero-turquoise: #2DD4BF;
--vivian-zenless-zone-zero-ebony: #0F172A;
}More Zenless Zone Zero Color Codes (Pink Palette)
Vivian CSS Gradients
Beautiful gradient backgrounds inspired by Vivian’s aesthetic. Click to copy the CSS code.
Vivian Color Scheme Breakdown
Wild Strawberry#FF4FA3
This vivid magenta appears as Vivian’s primary hair color and major outfit accents, signaling energetic, playful personality while standing out in neon urban environments and reinforcing her role as a dynamic, attention-grabbing operative.
Carnation Pink#FF9CCF
Soft bubblegum pink used on inner clothing panels, ribbon details and eye highlights conveys youthfulness and softness, contrasting harsher cyberpunk elements while emphasizing approachable charm and feminine visual motifs overall.
Camelot#7F2A5A
Deep plum provides shadowed fabric and emblem tones across coats and boots, offering depth and sophistication to Vivian’s silhouette, suggesting resilience and a grounded counterpoint to brighter pink highlights throughout.
Turquoise#2DD4BF
A teal-cyan accent appears on circuitry decals, small accessories and skill FX, introducing energetic contrast that reads as technological utility, motion, and draws the eye to interactive parts of Vivian’s kit.
Ebony#0F172A
An almost-black navy used for base garments, straps and boot soles anchors the design, increasing contrast and legibility while lending a utilitarian, urban grounding to Vivian’s otherwise vibrant, pop-influenced palette.
Vivian 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Vivian’s palette for a perfectly balanced visual hierarchy.
Vivian UI Component Preview
Here is a live example of how the Vivian color palette looks when applied to a modern UI component.
Vivian
Energetic Urban Operative
“Neon lights and high-speed fights—ready to see some real sparks fly?”
Vivian 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 Vivian’s aesthetic.
- Main LED: 255, 79, 163
- Accent LED: 255, 156, 207
The Design Philosophy behind Vivian’s Palette
The design philosophy behind Vivian’s color palette revolves around the concept of ‘Dynamic Contrast.’ By pairing high-saturation neons with utilitarian darks, the ZZZ art team creates a character that feels both playful and lethal. The use of Ebony (#0F172A) as a base color provides a high-contrast canvas that makes the tech-focused Turquoise (#2DD4BF) accents pop, signaling her proficiency with advanced gadgets and high-speed movement. This specific combination of magenta and dark navy mirrors the duality of New Eridu itself—a bright, neon-lit civilization built atop dark, dangerous hollows. For UI designers, Vivian’s palette offers a masterclass in using Camelot for sophisticated shadows and Turquoise for interactive call-to-actions, resulting in a visual hierarchy that is both legible and incredibly stylish for modern graphic interfaces.
Best Vivian Color Combinations
Cyber-Pop Glow
The high-contrast pairing of Wild Strawberry and Turquoise creates a vibrant, futuristic look perfect for interactive UI elements and energetic brand identities.
Urban Shadow Depth
Combining Camelot with Ebony provides a rich, sophisticated depth that works excellently for backgrounds and secondary textures in dark-mode designs.
Explore More Zenless Zone Zero Character Color Codes
Download Vivian Zenless Zone Zero Color Palette
Vivian .ASE Swatches
For Adobe Swatches & Procreate
Vivian .SVG Palette
Vector Color Palette
Vivian .PNG Image
High-Quality Palette Preview
FAQs about Vivian Zenless Zone Zero Color Codes
What is the HEX code for Vivian’s signature pink hair in ZZZ?
Vivian’s striking hair color is primarily defined by Wild Strawberry (#FF4FA3), a vivid magenta that ensures she stands out in any urban neon environment.
What color represents Vivian’s technological skill effects?
Her technological utility and skill FX are highlighted by the energetic Turquoise (#2DD4BF), which provides a sharp contrast to her primary pink themes.
Which dark tone anchors Vivian’s outfit design?
The foundation of her outfit is built on Ebony (#0F172A), an almost-black navy used for straps and base garments to increase visual legibility and grounding.
Explore More Pink Palettes Across Universes
Daki Color Codes: Complete Demon Slayer Palette with HEX, RGB & CMYK Values
Uta Demon Slayer Color Palette: Complete HEX Codes, RGB & CMYK Values for Designers
Nezuko Kamado Color Codes – Demon Slayer Palette: HEX, RGB & CMYK Values for Designers
