Astra Yao stands out as a nocturnal, stylish operative whose visual identity balances mystery and electric flair. Her silhouette is anchored by Valentino #2E0B3A, while Red Violet #C43FAF injects kinetic ribbons and hair streaks that emphasize motion; Bright Turquoise #00E5D4 provides the neon circuitry that signals her tech-infused abilities. For designers and artists searching for precise color codes, this palette offers clear HEX values and a cohesive palette that translates well to UI highlights, VFX, and character art without losing readability or thematic impact.
Astra Yao Zenless Zone Zero Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Valentino | #2E0B3A | 46, 11, 58 | 21, 81, 0, 77 | |
| Red Violet | #C43FAF | 196, 63, 175 | 0, 68, 11, 23 | |
| Bright Turquoise | #00E5D4 | 0, 229, 212 | 100, 0, 7, 10 | |
| Karry | #FFEAD1 | 255, 234, 209 | 0, 8, 18, 0 | |
| Cod Gray | #0B0B0B | 11, 11, 11 | 0, 0, 0, 96 |
Astra Yao CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Astra Yao Zenless Zone Zero Palette */
--astra-yao-zenless-zone-zero-valentino: #2E0B3A;
--astra-yao-zenless-zone-zero-red-violet: #C43FAF;
--astra-yao-zenless-zone-zero-bright-turquoise: #00E5D4;
--astra-yao-zenless-zone-zero-karry: #FFEAD1;
--astra-yao-zenless-zone-zero-cod-gray: #0B0B0B;
}More Zenless Zone Zero Character Color Palettes Color Codes (Purple Palette)
Astra Yao CSS Gradients
Beautiful gradient backgrounds inspired by Astra Yao’s aesthetic. Click to copy the CSS code.
Astra Yao Color Scheme Breakdown
Valentino#2E0B3A
Used for Astra Yao’s main coat and large fabric panels, this deep purple defines her silhouette and conveys a mysterious nocturnal aesthetic that anchors brighter neon accents across her outfit and weapon motifs.
Red Violet#C43FAF
A vibrant magenta appears as inner lining, ribbon trims and occasional hair streaks, providing energetic contrast to the dark coat while emphasizing movement, charm, and the character’s stylish, flashy personality during action sequences.
Bright Turquoise#00E5D4
A neon cyan/turquoise is used for circuitry-like trims, glowing skill effects and weapon energy conduits, signaling tech affinity and reactive power while visually separating ability effects from clothing and skin tones.
Karry#FFEAD1
A warm cream skin tone appears on her face, hands and exposed limbs, grounding the character and offering a soft neutral contrast against saturated purples and neon accents in her outfit and gear.
Cod Gray#0B0B0B
Near-black elements like boots, gloves and utility straps provide visual weight and practical feel, framing the silhouette, enhancing legibility in complex scenes and serving as a neutral backdrop for the brighter, thematic purple hues.
Astra Yao 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Astra Yao’s palette for a perfectly balanced visual hierarchy.
Astra Yao UI Component Preview
Here is a live example of how the Astra Yao color palette looks when applied to a modern UI component.
Astra Yao
Nocturnal Tech Duelist
“The night speaks in circuits—listen, then strike.”
Astra Yao 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 Astra Yao’s aesthetic.
- Main LED: 46, 11, 58
- Accent LED: 196, 63, 175
The Design Philosophy behind Astra Yao’s Palette
The design philosophy behind Astra Yao uses high-contrast, narrative-driven color choices to communicate role and temperament. The near-black Valentino (#2E0B3A) creates a nocturnal canvas that implies stealth and weight, while Red Violet (#C43FAF) reads as fashionable motion—ribbons and trims that sell personality in silhouette. Bright Turquoise (#00E5D4) functions as a functional accent, denoting circuitry, skill effects and interactive UI states; it ensures visual separation from skin tones like Karry (#FFEAD1) and grounding elements in Cod Gray (#0B0B0B). This palette is effective because it balances legibility, emotional tone and actionable color codes (HEX) for artists and UI designers working on in-game assets and HUD elements.
Best Astra Yao Color Combinations
Nightcore Contrast
Deep Valentino anchors forms while Bright Turquoise provides high-visibility accents ideal for HUD highlights and ability effects.
Magenta Accent Pop
Red Violet paired with warm Karry creates a fashionable contrast that reads well on clothing trims and exposed skin tones.
Explore More Zenless Zone Zero Character Color Palettes Character Color Codes
Download Astra Yao Zenless Zone Zero Color Palette
Astra Yao .ASE Swatches
For Adobe Swatches & Procreate
Astra Yao .SVG Palette
Vector Color Palette
Astra Yao .PNG Image
High-Quality Palette Preview
FAQs about Astra Yao Zenless Zone Zero Color Codes
What is the main coat color of Astra Yao?
Her main coat color is Valentino, HEX #2E0B3A.
Which colors define Astra Yao’s overall outfit palette?
The outfit palette is built around Valentino #2E0B3A as the base with accents of Red Violet #C43FAF and Bright Turquoise #00E5D4.
What color are Astra Yao’s neon circuitry and skill effects?
Neon circuitry and skill effects use Bright Turquoise, HEX #00E5D4.
