Wise, the composed and tech-savvy protagonist of Zenless Zone Zero, embodies a sophisticated urban aesthetic that defines New Eridu’s signature style. His visual identity relies on a masterfully balanced monochromatic palette, perfect for designers seeking high-end techwear inspiration. The deep Woodsmoke (#121213) provides a grounded base for his attire, while the metallic sheen of Silver Sand (#BFC3C6) highlights his sleek gadgets and professional gear. By integrating Porcelain (#E9EBEC) as a clean, high-value contrast, his design achieves a professional yet accessible look. Whether you are building a modern UI or creating character fan art, these precise color codes capture Wise’s analytical personality and modern digital edge.
Wise Zenless Zone Zero Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Onyx | #2F3336 | 47, 51, 54 | 13, 6, 0, 79 | |
| Rolling Stone | #7A7D81 | 122, 125, 129 | 5, 3, 0, 49 | |
| Silver Sand | #BFC3C6 | 191, 195, 198 | 4, 2, 0, 22 | |
| Porcelain | #E9EBEC | 233, 235, 236 | 1, 0, 0, 7 | |
| Woodsmoke | #121213 | 18, 18, 19 | 5, 5, 0, 93 |
Wise CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Wise Zenless Zone Zero Palette */
--wise-zenless-zone-zero-onyx: #2F3336;
--wise-zenless-zone-zero-rolling-stone: #7A7D81;
--wise-zenless-zone-zero-silver-sand: #BFC3C6;
--wise-zenless-zone-zero-porcelain: #E9EBEC;
--wise-zenless-zone-zero-woodsmoke: #121213;
}Wise CSS Gradients
Beautiful gradient backgrounds inspired by Wise’s aesthetic. Click to copy the CSS code.
Wise Color Scheme Breakdown
Onyx#2F3336
I cannot extract accurate base colors for Wise without official artwork or a clear high-resolution screenshot; please provide a reference image or link, and I will identify the five primary HEX colors and their placement.
Rolling Stone#7A7D81
I cannot extract accurate base colors for Wise without official artwork or a clear high-resolution screenshot; please provide a reference image or link, and I will identify the five primary HEX colors and their placement.
Silver Sand#BFC3C6
I cannot extract accurate base colors for Wise without official artwork or a clear high-resolution screenshot; please provide a reference image or link, and I will identify the five primary HEX colors and their placement.
Porcelain#E9EBEC
I cannot extract accurate base colors for Wise without official artwork or a clear high-resolution screenshot; please provide a reference image or link, and I will identify the five primary HEX colors and their placement.
Woodsmoke#121213
I cannot extract accurate base colors for Wise without official artwork or a clear high-resolution screenshot; please provide a reference image or link, and I will identify the five primary HEX colors and their placement.
Wise 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Wise’s palette for a perfectly balanced visual hierarchy.
Wise UI Component Preview
Here is a live example of how the Wise color palette looks when applied to a modern UI component.
Wise
Calm Analytical Proxy
“The Hollow is a dangerous place, but we’ll find the way through together.”
Wise 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 Wise’s aesthetic.
- Main LED: 47, 51, 54
- Accent LED: 122, 125, 129
The Design Philosophy behind Wise’s Palette
The design philosophy behind Wise’s color palette centers on ‘Functional Minimalism.’ In the chaotic, neon-drenched world of ZZZ, Wise represents the steady, logical hand of the Proxy. The transition from the near-black Woodsmoke (#121213) to the mid-tone Rolling Stone (#7A7D81) reflects a character who operates within the shadows of the Hollows while maintaining a clear, tactical perspective. This grayscale gradient isn’t merely aesthetic; it mirrors the industrial and digital nature of his workspace at Random Play. The use of Onyx (#2F3336) creates a sense of reliability and structural depth. This palette succeeds because it eschews flashy distractions, focusing instead on texture and hierarchy—core principles that bridge the gap between character storytelling and professional UI/UX architecture.
Best Wise Color Combinations
Urban Tech Contrast
A classic high-contrast pairing that ensures maximum readability and a clean, modern digital interface for dark-mode applications.
Sleek Industrial Gradient
These muted tones create a sophisticated depth, perfect for secondary UI elements, cards, or subtle background layering in graphic design.
Explore More Zenless Zone Zero Character Color Codes
Download Wise Zenless Zone Zero Color Palette
Wise .ASE Swatches
For Adobe Swatches & Procreate
Wise .SVG Palette
Vector Color Palette
Wise .PNG Image
High-Quality Palette Preview
FAQs about Wise Zenless Zone Zero Color Codes
What is the primary dark HEX code for Wise’s techwear outfit?
The primary dark base of Wise’s outfit is Woodsmoke, represented by the HEX code #121213.
Which color code represents the metallic accents on Wise’s equipment?
The sleek, metallic highlights on his gear and accessories use Silver Sand (#BFC3C6).
What is the brightest highlight color in the Wise color palette?
The brightest neutral highlight found in Wise’s character design is Porcelain, which uses the HEX code #E9EBEC.
