Zhongli’s visual identity is a study in refined earth tones and restrained luxury, ideal for UI designers seeking a mature, historical aesthetic. His primary hair brown Spice (#6B4A2E) grounds the silhouette, while antique gold Roti (#C8A24A) marks Geo emblems and highlights; soft parchment Pearl Bush (#E6E0D2) offers readable contrast against darker layers. This HANDBOOK style breakdown of color codes and HEX palette choices helps creatives extract usable UI color codes and palette rules directly from the character for faithful fan design or polished product theming.
Zhongli Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Spice | #6B4A2E | 107, 74, 46 | 0, 31, 57, 58 | |
| Mine Shaft | #2A2A2A | 42, 42, 42 | 0, 0, 0, 84 | |
| Roti | #C8A24A | 200, 162, 74 | 0, 19, 63, 22 | |
| Pearl Bush | #E6E0D2 | 230, 224, 210 | 0, 3, 9, 10 | |
| Nutmeg | #7B3A2E | 123, 58, 46 | 0, 53, 63, 52 |
Zhongli CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Zhongli Genshin Impact Palette */
--zhongli-genshin-impact-spice: #6B4A2E;
--zhongli-genshin-impact-mine-shaft: #2A2A2A;
--zhongli-genshin-impact-roti: #C8A24A;
--zhongli-genshin-impact-pearl-bush: #E6E0D2;
--zhongli-genshin-impact-nutmeg: #7B3A2E;
}More Genshin Impact Color Codes (Brown Palette)
Zhongli CSS Gradients
Beautiful gradient backgrounds inspired by Zhongli’s aesthetic. Click to copy the CSS code.
Zhongli Color Scheme Breakdown
Spice#6B4A2E
This warm chestnut brown dominates Zhongli’s long hair and echoes weathered wood and earth, reinforcing his grounded, ancient presence as Liyue’s consultant and the steadfast Geo Archon.
Mine Shaft#2A2A2A
A deep charcoal-black appears across his tailored coat panels and inner clothing, providing a calm, formal silhouette that frames his composed demeanor and makes his gold Geo motifs stand out.
Roti#C8A24A
Muted antique gold is used in his coat trim, geometric emblems, and accessory details, visually tying him to Geo energy, contracts, and Liyue’s prosperity without relying on bright highlights.
Pearl Bush#E6E0D2
A soft parchment beige shows on shirt and lighter fabric sections beneath his coat, adding refined contrast to darker layers while suggesting dignified, scholarly restraint befitting his consultant persona.
Nutmeg#7B3A2E
A subdued brick-red accent appears in select clothing elements and ornamental areas, hinting at Liyue’s traditional palette and adding understated warmth to his otherwise earthy, ceremonial design language.
Zhongli 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Zhongli’s palette for a perfectly balanced visual hierarchy.
Zhongli UI Component Preview
Here is a live example of how the Zhongli color palette looks when applied to a modern UI component.
Zhongli
Geo Archon
“I am the Geo Archon, Morax.”
Zhongli 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 Zhongli’s aesthetic.
- Main LED: 107, 74, 46
- Accent LED: 42, 42, 42
The Design Philosophy behind Zhongli’s Palette
The design philosophy behind Zhongli’s palette uses muted, natural tones to communicate age, stability, and ceremonial authority. Deep charcoal Mine Shaft (#2A2A2A) creates formal silhouettes and strong visual frames, while Roti (#C8A24A) provides semantic highlighting—evoking Geo energy, contracts, and sacred motifs without neon distraction. Nutmeg (#7B3A2E) introduces subtle warmth and cultural resonance, and Pearl Bush (#E6E0D2) ensures typographic legibility and layered depth. For UI/UX and character-driven branding, these color codes form a cohesive HEX palette that balances contrast, hierarchy, and emotional resonance tied to Zhongli’s lore and abilities.
Best Zhongli Color Combinations
Ancient Ledger
Warm chestnut (#6B4A2E) paired with antique gold (#C8A24A) conveys heritage and authority, ideal for headers and emblem accents in UI.
Stone & Script
Deep charcoal (#2A2A2A) with parchment beige (#E6E0D2) creates high legibility and a formal, scholarly contrast suitable for text-heavy interfaces.
Explore More Genshin Impact Character Color Codes
Download Zhongli Genshin Impact Color Palette
Zhongli .ASE Swatches
For Adobe Swatches & Procreate
Zhongli .SVG Palette
Vector Color Palette
Zhongli .PNG Image
High-Quality Palette Preview
FAQs about Zhongli Genshin Impact Color Codes
What is the HEX color of Zhongli’s hair?
Zhongli’s hair is a warm chestnut brown, HEX #6B4A2E.
Which HEX represents Zhongli’s primary outfit trim or Geo accents?
The muted antique gold used for his coat trim and Geo motifs is HEX #C8A24A.
What HEX is used for Zhongli’s lighter shirt and fabric highlights?
The soft parchment beige highlights are HEX #E6E0D2.
