Xiangling from Genshin Impact is a vibrant, adventurous chef whose outfit balances practicality and fiery flair. For UI/UX designers searching for Xiangling color codes, the palette mixes deep grounding tones like Rhino #2B3A67 with celebratory highlights such as Anzac #E6B04A and bold Pyro accents like Jasper #D24A3A. These HEX values help recreate her spirited energy and cultural Liyue details in web or app interfaces, making it easy to match buttons, badges, and hero art to the character’s identity when looking up exact color codes for design work.
Xiangling Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Rhino | #2B3A67 | 43, 58, 103 | 58, 44, 0, 60 | |
| Anzac | #E6B04A | 230, 176, 74 | 0, 23, 68, 10 | |
| Jasper | #D24A3A | 210, 74, 58 | 0, 65, 72, 18 | |
| Nutmeg | #7A4A2D | 122, 74, 45 | 0, 39, 63, 52 | |
| Cowboy | #4B2B2A | 75, 43, 42 | 0, 43, 44, 71 |
Xiangling CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Xiangling Genshin Impact Palette */
--xiangling-genshin-impact-rhino: #2B3A67;
--xiangling-genshin-impact-anzac: #E6B04A;
--xiangling-genshin-impact-jasper: #D24A3A;
--xiangling-genshin-impact-nutmeg: #7A4A2D;
--xiangling-genshin-impact-cowboy: #4B2B2A;
}More Genshin Impact Color Codes (Orange Palette)
Xiangling CSS Gradients
Beautiful gradient backgrounds inspired by Xiangling’s aesthetic. Click to copy the CSS code.
Xiangling Color Scheme Breakdown
Rhino#2B3A67
This deep navy-blue appears across Xiangling’s short dress, sleeves, and overall outfit fabric, grounding her bright accents and suggesting discipline and steadiness beneath her lively, adventurous chef persona.
Anzac#E6B04A
A warm golden-yellow is prominent on her outfit trims and decorative motifs, echoing Liyue-inspired craftsmanship and highlighting her upbeat energy, culinary pride, and the festive warmth associated with her fire-themed cooking.
Jasper#D24A3A
This saturated red-orange shows up on key accents like ribbons and details near her waist and accessories, reinforcing her Pyro identity and conveying passion, spice, and the bold flavor character of her cuisine.
Nutmeg#7A4A2D
A medium chestnut-brown is used in leather-like elements such as belts, straps, and small gear pieces, adding practical utility and a grounded, travel-ready feel to her energetic, street-smart adventurer styling.
Cowboy#4B2B2A
A dark auburn-brown is dominant in Xiangling’s hair, framing her face and twin-bun silhouette, communicating youthful vitality while visually balancing the brighter Pyro accents and the ornate Liyue outfit details.
Xiangling 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Xiangling’s palette for a perfectly balanced visual hierarchy.
Xiangling UI Component Preview
Here is a live example of how the Xiangling color palette looks when applied to a modern UI component.
Xiangling
Pyro Chef
“I’m going to cook something amazing!”
Xiangling 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 Xiangling’s aesthetic.
- Main LED: 43, 58, 103
- Accent LED: 230, 176, 74
The Design Philosophy behind Xiangling’s Palette
The design philosophy behind Xiangling’s palette uses contrast and cultural cues to express personality and gameplay. Developers anchor the look with a stable Navy Rhino (#2B3A67) to convey discipline and travel-readiness, then layer warm metallic trims like Anzac (#E6B04A) to signal craftsmanship and cheer. Jasper (#D24A3A) provides Pyro-driven emphasis for action and appetite, while Nutmeg (#7A4A2D) and Cowboy (#4B2B2A) supply leather and hair tones for tactile realism. This combination succeeds because the HEX color codes balance readability and flair—ideal for UI components where accessible contrast and thematic accents must coexist when designers search for reliable color codes.
Best Xiangling Color Combinations
Liyue Contrast
Deep Rhino (#2B3A67) with warm Anzac (#E6B04A) creates high-contrast call-to-action elements while preserving a cultured, Liyue-inspired aesthetic.
Spice & Leather
Jasper (#D24A3A) paired with Nutmeg (#7A4A2D) evokes culinary heat and rugged gear—perfect for badges, icons, and textured UI accents.
Explore More Genshin Impact Character Color Codes
Download Xiangling Genshin Impact Color Palette
Xiangling .ASE Swatches
For Adobe Swatches & Procreate
Xiangling .SVG Palette
Vector Color Palette
Xiangling .PNG Image
High-Quality Palette Preview
FAQs about Xiangling Genshin Impact Color Codes
What is the color HEX for Xiangling’s Pyro/fire accent?
Xiangling’s primary Pyro accent is Jasper — HEX #D24A3A.
Which HEX represents Xiangling’s main outfit fabric or primary clothing color?
The main outfit fabric is anchored by Rhino — HEX #2B3A67.
What HEX values are used for trims and leather details?
Warm trims use Anzac — HEX #E6B04A, while leather elements use Nutmeg — HEX #7A4A2D (hair uses Cowboy #4B2B2A).
