Qingyi Zenless Zone Zero Color Palette: Official HEX, RGB & CMYK Codes

Qingyi Zenless Zone Zero Color Palette: Official HEX, RGB & CMYK Codes

Qingyi, the seasoned yet youthful-looking android from Zenless Zone Zero’s Public Security, boasts a visual design that perfectly bridges the gap between futuristic technology and traditional elegance. Her aesthetic is defined by a cool, authoritative color scheme that reflects her calm and observant demeanor. Key to her identity is the vibrant Scooter (#2BB6C8) teal that highlights her hair and jacket, providing a striking contrast against the deep Blue Zodiac (#0F2540) of her primary tactical gear. Designers looking for a refined, professional look often utilize her Catskill White (#F5F7FA) base to ensure a clean and crisp silhouette that feels both modern and timeless.

Scooter
#2BB6C8
Blue Zodiac
#0F2540
Catskill White
#F5F7FA
Anzac
#E6B14A
Mandy
#E85A6F

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

Preview Color Name HEX RGB CMYK
Scooter #2BB6C8 43, 182, 200 78, 9, 0, 22
Blue Zodiac #0F2540 15, 37, 64 77, 42, 0, 75
Catskill White #F5F7FA 245, 247, 250 2, 1, 0, 2
Anzac #E6B14A 230, 177, 74 0, 23, 68, 10
Mandy #E85A6F 232, 90, 111 0, 61, 52, 9

Qingyi CSS & Tailwind Color Variables

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

:root {
/* Qingyi Zenless Zone Zero Palette */
--qingyi-zenless-zone-zero-scooter: #2BB6C8;
--qingyi-zenless-zone-zero-blue-zodiac: #0F2540;
--qingyi-zenless-zone-zero-catskill-white: #F5F7FA;
--qingyi-zenless-zone-zero-anzac: #E6B14A;
--qingyi-zenless-zone-zero-mandy: #E85A6F;
}

Qingyi CSS Gradients

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

Click to Copy CSS
Scooter to Anzac#2BB6C8 → #E6B14A
Click to Copy CSS
Catskill White to Scooter#F5F7FA → #2BB6C8

Qingyi Color Scheme Breakdown

Scooter#2BB6C8

This teal (#2BB6C8) dominates Qingyi’s hair highlights and jacket trim, conveying a cool, aquatic aesthetic tied to her abilities and calm demeanor while visually separating primary silhouette from darker garments.

Blue Zodiac#0F2540

This dark navy (#0F2540) appears on Qingyi’s main coat and trousers, grounding her outfit with deep contrast that emphasizes formality and stealth, providing a backdrop for brighter accents and armor panels.

Catskill White#F5F7FA

This off-white (#F5F7FA) is used for Qingyi’s blouse, inner linings, and subtle patterning, offering visual relief and purity that highlights silhouette details, skin tones, and separates layered fabrics for a crisp, refined appearance.

Anzac#E6B14A

This warm gold (#E6B14A) is used as trim and emblem color on Qingyi’s belt buckles and accessory hardware, signifying prestige, attention to detail, and directing the eye to focal points like insignia and utility features.

Mandy#E85A6F

This rose-red (#E85A6F) appears as small ribbons, makeup accents, or skill effects on Qingyi, providing energetic contrast and emotional warmth that punctuates poses and action visuals while reinforcing cultural or personal motifs.

Qingyi 60-30-10 Design Rule

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

60% Background
#F5F7FA
30% Primary
#0F2540
10% Accent
#2BB6C8

Use Catskill White (#F5F7FA) for large background spaces, Blue Zodiac (#0F2540) for primary text and structural UI elements, and vibrant Scooter (#2BB6C8) exclusively for call-to-action buttons and important highlights.

Qingyi UI Component Preview

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

Qingyi

Public Security Android Officer

“Old-fashioned things have their own unique charm, don’t you think?”

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

  • Main LED: 43, 182, 200
  • Accent LED: 15, 37, 64

The Design Philosophy behind Qingyi’s Palette

The design philosophy behind Qingyi’s palette is a sophisticated exercise in visual hierarchy and character storytelling. By using Blue Zodiac (#0F2540) as a grounding base, the developers establish her role within the law enforcement framework, symbolizing stealth, formality, and stability. This darkness is punctuated by Anzac (#E6B14A) gold accents, which signify her prestige and attention to detail, reminiscent of traditional craftsmanship. The sudden pops of Mandy (#E85A6F) rose-red provide an emotional warmth and energetic contrast, ensuring her combat animations and personal motifs feel dynamic. This combination is highly successful in UI/UX because it balances high-contrast functionality with a unique cultural aesthetic, making these color codes a premium choice for creators aiming for a ‘tech-noir’ or ‘neo-traditional’ interface.

Best Qingyi Color Combinations

Cybernetic Serenity

This pairing offers a high-tech, professional contrast where the vibrant teal acts as a brilliant accent against a deep, stable navy background.

Imperial Minimalist

A clean and luxurious combination where the gold provides a sophisticated focal point for call-to-action elements on a crisp, neutral base.

Download Qingyi Zenless Zone Zero Color Palette

ASE

Qingyi .ASE Swatches

For Adobe Swatches & Procreate

SVG

Qingyi .SVG Palette

Vector Color Palette

PNG

Qingyi .PNG Image

High-Quality Palette Preview

FAQs about Qingyi Zenless Zone Zero Color Codes

What is the HEX code for Qingyi’s iconic teal hair highlights?

The vibrant teal highlights found in Qingyi’s hair use the HEX code #2BB6C8, also known as Scooter.

What color is Qingyi’s main tactical coat in Zenless Zone Zero?

Qingyi’s main coat and trousers are designed in a deep navy blue called Blue Zodiac, with the HEX code #0F2540.

Which color code is used for Qingyi’s red ribbons and skill effects?

The energetic rose-red accents on her ribbons and makeup use the HEX code #E85A6F, known as Mandy.

Copied