Xingqiu’s visual identity blends courtly refinement with Hydro mystique, making his palette a go-to reference for designers seeking balanced, character-driven color systems. His deep jacket tone Sapphire #2E4FA3 anchors the look with noble blue authority, while Aqua Pearl #5CC7D6 injects bright aquatic energy for skill effects and particle work. Warm accents like Tacha #D6B15C add Liyue-inspired ornamentation without overpowering the cool scheme. For anyone searching Xingqiu color codes or HEX palette references for UI/UX or fan art, these exact color tokens provide a reliable starting point for cohesive, story-driven design.
Xingqiu Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Sapphire | #2E4FA3 | 46, 79, 163 | 72, 52, 0, 36 | |
| Firefly | #0E1B2E | 14, 27, 46 | 70, 41, 0, 82 | |
| Zumthor | #EAF2FF | 234, 242, 255 | 8, 5, 0, 0 | |
| Tacha | #D6B15C | 214, 177, 92 | 0, 17, 57, 16 | |
| Aqua Pearl | #5CC7D6 | 92, 199, 214 | 57, 7, 0, 16 |
Xingqiu CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Xingqiu Genshin Impact Palette */
--xingqiu-genshin-impact-sapphire: #2E4FA3;
--xingqiu-genshin-impact-firefly: #0E1B2E;
--xingqiu-genshin-impact-zumthor: #EAF2FF;
--xingqiu-genshin-impact-tacha: #D6B15C;
--xingqiu-genshin-impact-aqua-pearl: #5CC7D6;
}More Genshin Impact Color Codes (Blue Palette)
Xingqiu CSS Gradients
Beautiful gradient backgrounds inspired by Xingqiu’s aesthetic. Click to copy the CSS code.
Xingqiu Color Scheme Breakdown
Sapphire#2E4FA3
A deep royal blue that dominates Xingqiu’s short jacket and formal detailing, reinforcing his refined, scholarly aura while anchoring his Hydro identity with calm, noble, court-like elegance.
Firefly#0E1B2E
A near-black navy used on inner layers, shorts, and shadowed trim areas, providing strong contrast and a disciplined, bookish seriousness that frames the brighter blues and gold accents.
Zumthor#EAF2FF
A crisp off-white appearing in his shirt and ornamental fabric sections, conveying cleanliness and gentlemanly etiquette, and helping the overall silhouette read as light, agile, and well-mannered.
Tacha#D6B15C
A warm muted gold seen in embroidery, buttons, and accessory highlights, signaling Liyue-inspired ornamentation and status, while adding a traditional, refined richness against his cool blue garments.
Aqua Pearl#5CC7D6
A bright aqua-cyan associated with Hydro motifs and skill effects, echoing flowing water and sword rain energy, adding lively motion and magical freshness that complements his darker uniform blues.
Xingqiu 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Xingqiu’s palette for a perfectly balanced visual hierarchy.
Xingqiu UI Component Preview
Here is a live example of how the Xingqiu color palette looks when applied to a modern UI component.
Xingqiu
Hydro Support
“Justice will be done!”
Xingqiu 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 Xingqiu’s aesthetic.
- Main LED: 46, 79, 163
- Accent LED: 14, 27, 46
The Design Philosophy behind Xingqiu’s Palette
The design philosophy behind Xingqiu’s palette uses contrast and cultural cues to convey personality and role. Developers pair the dominant Sapphire #2E4FA3 with near-black Firefly #0E1B2E to create a disciplined, scholarly silhouette that reads clearly at UI scale and in gameplay contexts. Zumthor #EAF2FF as off-white softens transitions and highlights decorative folds, while Tacha #D6B15C supplies restrained gold ornamentation that signals heritage and status. Aqua Pearl #5CC7D6 functions as an energetic accent tied to Hydro visuals, making skill FX and emphasis elements pop. For UI/UX designers looking up Xingqiu palette HEX codes, this combination demonstrates how hierarchy, contrast, and cultural detail produce both functional and narrative clarity.
Best Xingqiu Color Combinations
Noble Court Contrast
Royal Sapphire and muted gold pair for elegant CTAs or headers, balancing cool authority with warm ornamentation.
Hydro Accent Duo
Deep Firefly with bright Aqua Pearl creates high-contrast interactive states and readable water-themed highlights.
Explore More Genshin Impact Character Color Codes
Download Xingqiu Genshin Impact Color Palette
Xingqiu .ASE Swatches
For Adobe Swatches & Procreate
Xingqiu .SVG Palette
Vector Color Palette
Xingqiu .PNG Image
High-Quality Palette Preview
FAQs about Xingqiu Genshin Impact Color Codes
What is the main color of Xingqiu’s jacket?
Xingqiu’s jacket is primarily Sapphire with HEX #2E4FA3.
What are the primary colors used in his overall outfit?
The outfit relies on Sapphire #2E4FA3 and deep navy Firefly #0E1B2E as the main palette anchors.
Which color is used for accents and Hydro effects?
Accents and skill effects use Aqua Pearl HEX #5CC7D6, with gold highlights from Tacha #D6B15C.
