Grace Howard, the brilliant and machinery-obsessed engineer from Zenless Zone Zero’s Belobog Heavy Industries, features a visual design that perfectly balances industrial utility with futuristic tech. Her aesthetic is anchored by the deep, authoritative Catalina Blue (#063971), which provides a grounded base for her tactical gear. This is electrified by Robin’s Egg Blue (#00C8D8) streaks in her hair and glowing energy conduits, signaling her high-tech affinity. To maintain a clean, sci-fi look, designers integrated the soft Humming Bird (#DFF8FB) for visor elements and trims. Understanding these color codes is essential for any UI/UX designer looking to capture Grace’s unique industrial-chic vibe.
Grace Howard Zenless Zone Zero Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Catalina Blue | #063971 | 6, 57, 113 | 95, 50, 0, 56 | |
| Robin’s Egg Blue | #00C8D8 | 0, 200, 216 | 100, 7, 0, 15 | |
| Humming Bird | #DFF8FB | 223, 248, 251 | 11, 1, 0, 2 | |
| Zircon | #F7FAFF | 247, 250, 255 | 3, 2, 0, 0 | |
| Golden Tainoi | #FFD166 | 255, 209, 102 | 0, 18, 60, 0 |
Grace Howard CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Grace Howard Zenless Zone Zero Palette */
--grace-howard-zenless-zone-zero-catalina-blue: #063971;
--grace-howard-zenless-zone-zero-robin's-egg-blue: #00C8D8;
--grace-howard-zenless-zone-zero-humming-bird: #DFF8FB;
--grace-howard-zenless-zone-zero-zircon: #F7FAFF;
--grace-howard-zenless-zone-zero-golden-tainoi: #FFD166;
}More Zenless Zone Zero Character Color Palettes Color Codes (Blue Palette)
Grace Howard CSS Gradients
Beautiful gradient backgrounds inspired by Grace Howard’s aesthetic. Click to copy the CSS code.
Grace Howard Color Scheme Breakdown
Catalina Blue#063971
Deep navy used for Grace Howard’s primary coat and tactical jacket panels, grounding her silhouette and conveying authority within the ZZZ setting, often paired with lighter accents and functional matte finishes on armor seams.
Robin’s Egg Blue#00C8D8
Vibrant cyan-teal highlights trace her hair streaks, inner jacket lining and energy conduits on her gauntlets, signaling technological affinity and agility while visually separating her silhouette from urban backgrounds and dynamic glow.
Humming Bird#DFF8FB
Soft, near-white cyan appears on accent trims, collar edges and translucent visor elements, providing contrast to darker fabrics and suggesting a clean, futuristic aesthetic common to Grace’s signature look in promotional art.
Zircon#F7FAFF
Crisp off-white base used for inner shirts and emblem panels, highlighting facial features and printed insignia while balancing the palette and enhancing legibility across small UI and merch applications internationally.
Golden Tainoi#FFD166
Warm gold used sparingly for trim, buttons and insignia details to punctuate the cool blues, evoking authority and a touch of luxury while guiding the viewer’s eye to focal points in character art.
Grace Howard 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Grace Howard’s palette for a perfectly balanced visual hierarchy.
Grace Howard UI Component Preview
Here is a live example of how the Grace Howard color palette looks when applied to a modern UI component.
Grace Howard
Belobog Heavy Industries Engineer
“Machines don’t lie. They’re much more honest than people.”
Grace Howard 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 Grace Howard’s aesthetic.
- Main LED: 6, 57, 113
- Accent LED: 0, 200, 216
The Design Philosophy behind Grace Howard’s Palette
The design philosophy of Grace Howard’s palette is a masterclass in ‘Industrial Futurism.’ By utilizing Catalina Blue (#063971) as the primary silhouette color, the developers evoke the reliability of heavy machinery and corporate authority within the New Eridu setting. This cool-toned foundation is strategically disrupted by Robin’s Egg Blue (#00C8D8), a high-saturation cyan that ensures the character remains visible against dark, gritty urban backgrounds. The genius of the palette lies in its accentuation; the use of Golden Tainoi (#FFD166) provides a warm, metallic contrast that draws the eye to functional details like buttons and insignia. This combination of deep navies and vibrant teals creates a ‘technological glow’ effect, making her design both legible for fast-paced gameplay and aesthetically pleasing for high-end graphic applications.
Best Grace Howard Color Combinations
Cybernetic Industrial Contrast
This pairing mimics high-tech circuitry against heavy plating, offering excellent legibility and a modern ‘dark mode’ aesthetic for UI dashboards.
Pristine Engineer Minimalist
The crisp Zircon white provides a clean, professional backdrop that allows the warm Golden Tainoi to act as a high-conversion call-to-action color.
Explore More Zenless Zone Zero Character Color Palettes Character Color Codes
Download Grace Howard Zenless Zone Zero Color Palette
Grace Howard .ASE Swatches
For Adobe Swatches & Procreate
Grace Howard .SVG Palette
Vector Color Palette
Grace Howard .PNG Image
High-Quality Palette Preview
FAQs about Grace Howard Zenless Zone Zero Color Codes
What is the HEX code for Grace Howard’s signature hair highlights and energy glow?
The vibrant cyan-teal highlights found in Grace’s hair and on her gauntlet energy conduits use the HEX code #00C8D8 (Robin’s Egg Blue).
What color is Grace Howard’s primary tactical jacket in Zenless Zone Zero?
Grace’s primary tactical jacket and coat panels are designed using #063971 (Catalina Blue), a deep navy that provides an authoritative and grounded look.
Which color is used for the metallic trims and insignia on Grace Howard’s outfit?
The warm gold accents used for buttons, insignias, and fine trims on Grace’s gear utilize the HEX code #FFD166 (Golden Tainoi).
