Xinyan from Genshin Impact brings a bold, stage-ready aesthetic that translates directly into a high-impact UI/UX palette. Her primary tone Flush Mahogany #C83B3B drives the Pyro energy, balanced against grounding Cod Gray #111111 and softened by Pampas #F2F0E8 to keep contrast readable. For designers searching for Xinyan color codes or HEX palette references, this combination delivers a rebellious, loud identity while remaining practical for buttons, accents, and background layers in game-themed web design.
Xinyan Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Flush Mahogany | #C83B3B | 200, 59, 59 | 0, 71, 71, 22 | |
| Cod Gray | #111111 | 17, 17, 17 | 0, 0, 0, 93 | |
| Pampas | #F2F0E8 | 242, 240, 232 | 0, 1, 4, 5 | |
| Di Serria | #D6A05B | 214, 160, 91 | 0, 25, 57, 16 | |
| Ironstone | #7A4A3A | 122, 74, 58 | 0, 39, 52, 52 |
Xinyan CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Xinyan Genshin Impact Palette */
--xinyan-genshin-impact-flush-mahogany: #C83B3B;
--xinyan-genshin-impact-cod-gray: #111111;
--xinyan-genshin-impact-pampas: #F2F0E8;
--xinyan-genshin-impact-di-serria: #D6A05B;
--xinyan-genshin-impact-ironstone: #7A4A3A;
}More Genshin Impact Color Codes (Red Palette)
Xinyan CSS Gradients
Beautiful gradient backgrounds inspired by Xinyan’s aesthetic. Click to copy the CSS code.
Xinyan Color Scheme Breakdown
Flush Mahogany#C83B3B
This strong crimson red appears across Xinyan’s dominant outfit accents and punk-rock motifs, projecting fiery Pyro energy, rebellious stage presence, and the loud, confident attitude of a rock performance.
Cod Gray#111111
This near-black is found in her clothing base, leather-like elements, and strapped details, grounding the design with edgy contrast and reinforcing her rock aesthetic and tough, defiant persona.
Pampas#F2F0E8
This warm off-white shows in inner fabric panels and light decorative trims, balancing the heavy dark tones while suggesting practical stagewear layers and making the red accents read sharper.
Di Serria#D6A05B
This muted gold appears in metallic studs, buckles, and ornament-like details, implying hardware from instruments and stage gear while adding a rugged, road-worn shine to her overall silhouette.
Ironstone#7A4A3A
This deep brown is associated with her hair and earthy accessory tones, lending warmth and realism to the punk styling while tying her look to Liyue’s grounded materials and craftsmanship.
Xinyan 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Xinyan’s palette for a perfectly balanced visual hierarchy.
Xinyan UI Component Preview
Here is a live example of how the Xinyan color palette looks when applied to a modern UI component.
Xinyan
Pyro Rocker
“Let’s make some noise!”
Xinyan 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 Xinyan’s aesthetic.
- Main LED: 200, 59, 59
- Accent LED: 17, 17, 17
The Design Philosophy behind Xinyan’s Palette
The design philosophy behind Xinyan’s palette leverages contrast, material cues, and narrative signaling: Flush Mahogany (#C83B3B) reads as direct Pyro influence and stage flare, while Cod Gray (#111111) supplies the leather-and-strap grit that communicates toughness and legibility in UI elements. Pampas (#F2F0E8) functions as a neutral buffer to increase perceived brightness and hierarchy without clashing, and Di Serria (#D6A05B) supplies metal-like highlights for affordances such as icons or interactive studs. Ironstone (#7A4A3A) roots the scheme with organic warmth tied to character hair and accessories. For anyone searching Xinyan HEX color codes for character-driven UI, this palette balances drama with usability by combining high-contrast focal points and harmonious accent tones.
Best Xinyan Color Combinations
High Contrast Flare
Flush Mahogany (#C83B3B) over Cod Gray (#111111) creates instant legibility and a stage-ready primary button and header treatment with dramatic contrast.
Stage Warmth Accent
Di Serria (#D6A05B) paired with Pampas (#F2F0E8) offers metallic highlights and soft backgrounds ideal for badges, tooltips, and secondary UI chrome.
Explore More Genshin Impact Character Color Codes
Download Xinyan Genshin Impact Color Palette
Xinyan .ASE Swatches
For Adobe Swatches & Procreate
Xinyan .SVG Palette
Vector Color Palette
Xinyan .PNG Image
High-Quality Palette Preview
FAQs about Xinyan Genshin Impact Color Codes
What is Xinyan’s primary fire/pyro color?
Xinyan’s primary Pyro/fire color is Flush Mahogany — #C83B3B.
What is the main base color used in Xinyan’s outfit?
The main outfit base color used is Cod Gray — #111111.
Which HEX codes represent her accents, hardware, or hair tones?
Accent and hardware tones include Di Serria #D6A05B for metallic studs, Pampas #F2F0E8 for inner trims, and Ironstone #7A4A3A for hair and earthy accessories.
