Hugo Vlad Color Palette: HEX, RGB & Design Codes for Zenless Zone Zero

Hugo Vlad Color Palette: HEX, RGB & Design Codes for Zenless Zone Zero

Hugo Vlad emerges as a pinnacle of tactical efficiency within the high-octane world of Zenless Zone Zero. His visual identity is defined by a sophisticated color scheme that balances professional authority with high-tech kinetic energy. The foundation of his silhouette is anchored by Downriver (#0B2944), a deep navy that conveys urban stealth and weight. This grounded aesthetic is electrified by vibrant streaks of Cerulean (#00B4D8) in his hair and visor, signaling his mastery over advanced gadgetry. Furthermore, the use of Blue Jeans (#4FC3F7) on his jacket trim adds a layer of motion, making his agile playstyle visually unmistakable during fast-paced combat encounters in New Eridu.

Downriver
#0B2944
Cerulean
#00B4D8
Blue Jeans
#4FC3F7
Catskill White
#F5F7FA
Tulip Tree
#E8A23B

Hugo Vlad Zenless Zone Zero Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Downriver #0B2944 11, 41, 68 84, 40, 0, 73
Cerulean #00B4D8 0, 180, 216 100, 17, 0, 15
Blue Jeans #4FC3F7 79, 195, 247 68, 21, 0, 3
Catskill White #F5F7FA 245, 247, 250 2, 1, 0, 2
Tulip Tree #E8A23B 232, 162, 59 0, 30, 75, 9

Hugo Vlad CSS & Tailwind Color Variables

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

:root {
/* Hugo Vlad Zenless Zone Zero Palette */
--hugo-vlad-zenless-zone-zero-downriver: #0B2944;
--hugo-vlad-zenless-zone-zero-cerulean: #00B4D8;
--hugo-vlad-zenless-zone-zero-blue-jeans: #4FC3F7;
--hugo-vlad-zenless-zone-zero-catskill-white: #F5F7FA;
--hugo-vlad-zenless-zone-zero-tulip-tree: #E8A23B;
}

Hugo Vlad CSS Gradients

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

Click to Copy CSS
Downriver to Catskill White#0B2944 → #F5F7FA
Click to Copy CSS
Blue Jeans to Downriver#4FC3F7 → #0B2944

Hugo Vlad Color Scheme Breakdown

Downriver#0B2944

A deep navy used for Hugo Vlad’s long coat, inner armor panels, and tactical straps; it grounds his silhouette, conveying weight, authority and urban stealth against neon-lit city backdrops during combat scenes.

Cerulean#00B4D8

A vivid cyan-teal applied to his hair streaks, visor glow and tech circuits; this bright energy hue signals his affinity for advanced gadgetry and quick, kinetic abilities within Zenless Zone Zero’s high-tech environment.

Blue Jeans#4FC3F7

A lighter sky blue found on jacket trim, glove seams and transient skill particle effects; it provides contrast to darker tones while visually reinforcing motion, electric bursts and his agile playstyle in fast-paced encounters.

Catskill White#F5F7FA

A soft off-white used for undershirts, collar highlights and subtle facial markings; it balances the palette, brightens his facial features, and emphasizes clean, clinical aspects of his technological aesthetic without overpowering richer hues.

Tulip Tree#E8A23B

A warm, desaturated gold reserved for insignia, belt buckles and small accent piping; it denotes rank and prestige, drawing the eye to important gear and breaking the monotony of the predominantly cool, blue-driven color scheme.

Hugo Vlad 60-30-10 Design Rule

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

60% Background
#F5F7FA
30% Primary
#00B4D8
10% Accent
#0B2944

Use Catskill White (#F5F7FA) for large background spaces, Cerulean (#00B4D8) for primary text and structural UI elements, and vibrant Downriver (#0B2944) exclusively for call-to-action buttons and important highlights.

Hugo Vlad UI Component Preview

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

Hugo Vlad

Tactical Tech Specialist

“Calculated precision beats raw force every time. Initiating system override.”

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

  • Main LED: 11, 41, 68
  • Accent LED: 0, 180, 216

The Design Philosophy behind Hugo Vlad’s Palette

The design philosophy behind Hugo Vlad’s palette is a masterclass in functional UI/UX applied to character design. By utilizing a monochromatic blue foundation—ranging from the heavy Downriver (#0B2944) to the energetic Blue Jeans (#4FC3F7)—developers establish a sense of cool-headed professionalism and technological expertise. This cool dominance is strategically interrupted by Tulip Tree (#E8A23B), a warm gold accent that follows the classic 60-30-10 design rule. This specific HEX code is reserved for rank insignia and gear buckles, creating high-contrast focal points that denote prestige and hierarchy. To ensure visual clarity against the neon-soaked backdrops of Zenless Zone Zero, Catskill White (#F5F7FA) is used for clinical highlights, providing a clean, sharp finish that reflects Hugo’s precise and calculated personality.

Best Hugo Vlad Color Combinations

Kinetic Cyber-Stealth

This pairing offers a high-contrast, high-tech aesthetic where the vibrant cyan cuts through the dark navy, perfect for glowing UI elements or futuristic HUDs.

Elite Tactical Authority

The combination of deep navy and desaturated gold creates a sense of luxury and military rank, ideal for branding that requires a professional yet prestigious feel.

Download Hugo Vlad Zenless Zone Zero Color Palette

ASE

Hugo Vlad .ASE Swatches

For Adobe Swatches & Procreate

SVG

Hugo Vlad .SVG Palette

Vector Color Palette

PNG

Hugo Vlad .PNG Image

High-Quality Palette Preview

FAQs about Hugo Vlad Zenless Zone Zero Color Codes

What is the HEX code for Hugo Vlad’s glowing visor and hair streaks?

The vibrant cyan-teal glow seen on Hugo Vlad’s visor and hair streaks is Cerulean, represented by the HEX code #00B4D8.

Which color is used for Hugo Vlad’s tactical long coat in Zenless Zone Zero?

Hugo Vlad’s primary tactical coat and armor panels utilize the deep navy color known as Downriver, with the HEX code #0B2944.

What accent color represents Hugo Vlad’s rank and prestige?

Hugo Vlad’s rank and gear accents are highlighted with Tulip Tree, a warm gold shade with the HEX code #E8A23B.

Copied