Xueyi stands out as a wintry, ceremonial figure whose visual identity is defined by a crisp, high-contrast palette. Her flowing hair and inner layers use #FFFFFF (White) as a bright canvas, while #E63946 (Amaranth) punctuates outer robes and sash with dramatic, attention-grabbing accents. Cool energy and mystical highlights come through in #5ACDD6 (Viking), balancing warmth from metallic trims. For designers searching Xueyi color codes or HEX palette references, this breakdown provides precise color values and contextual usage to replicate her aesthetic in UI/UX, fan art, or branding work.
Xueyi Honkai Star Rail Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| White | #FFFFFF | 255, 255, 255 | 0, 0, 0, 0 | |
| Amaranth | #E63946 | 230, 57, 70 | 0, 75, 70, 10 | |
| Cod Gray | #0D0D0D | 13, 13, 13 | 0, 0, 0, 95 | |
| Earls Green | #C9A23A | 201, 162, 58 | 0, 19, 71, 21 | |
| Viking | #5ACDD6 | 90, 205, 214 | 58, 4, 0, 16 |
Xueyi CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Xueyi Honkai Star Rail Palette */
--xueyi-honkai-star-rail-white: #FFFFFF;
--xueyi-honkai-star-rail-amaranth: #E63946;
--xueyi-honkai-star-rail-cod-gray: #0D0D0D;
--xueyi-honkai-star-rail-earls-green: #C9A23A;
--xueyi-honkai-star-rail-viking: #5ACDD6;
}More Honkai: Star Rail Color Codes (Red Palette)
Xueyi CSS Gradients
Beautiful gradient backgrounds inspired by Xueyi’s aesthetic. Click to copy the CSS code.
Xueyi Color Scheme Breakdown
White#FFFFFF
Bright off-white dominates Xueyi’s flowing hair, inner robe layers and snow-motif trims, evoking her wintry identity and providing high-contrast backdrop against darker garments and vivid accent colors.
Amaranth#E63946
Deep crimson red appears on Xueyi’s outer robe panels, sash, and eye detailing, signaling her fierce, ceremonial aesthetic and drawing the viewer’s focus toward her silhouette and narrative focal points during action poses.
Cod Gray#0D0D0D
Almost-black charcoal is used for structural elements like belts, coat trim, gloves, and inner linings, grounding Xueyi’s overall palette, emphasizing costume shapes and providing contrast for lighter fabrics and metallic accents.
Earls Green#C9A23A
Antique gold gilding appears on Xueyi’s hair ornaments, buttons, jewelry and weapon details, highlighting status and ceremonial motifs while catching light to add warmth and luxurious contrast within her predominantly cool wardrobe.
Viking#5ACDD6
Soft cyan-teal glows are applied to skill effects, sash highlights and small inner-lining accents, indicating her mystical energy, adding a cool luminescent vibrancy and balancing warmer accents across animations and props.
Xueyi 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Xueyi’s palette for a perfectly balanced visual hierarchy.
Xueyi UI Component Preview
Here is a live example of how the Xueyi color palette looks when applied to a modern UI component.
Xueyi
Frost Duelist
“I walk between snow and shadow.”
Xueyi 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 Xueyi’s aesthetic.
- Main LED: 255, 255, 255
- Accent LED: 230, 57, 70
The Design Philosophy behind Xueyi’s Palette
The design philosophy behind Xueyi’s palette blends narrative symbolism with functional contrast. Developers use #FFFFFF to evoke cold purity and visual clarity, while #0D0D0D anchors silhouettes and structural costume elements for readable shapes in gameplay and thumbnails. #E63946 acts as a narrative focal point, signaling ceremonial intensity and guiding the viewer’s eye during action poses. Accents like #C9A23A add a luxe metallic warmth, and #5ACDD6 conveys arcane energy in skill effects. This mix of neutral ground, bold focal color, and luminous accent makes the palette successful for both character storytelling and practical UI/UX applications where HEX color codes ensure consistent reproduction across digital assets.
Best Xueyi Color Combinations
Monochrome Anchor
White and Cod Gray create maximum contrast for legible UI elements and strong silhouette definition in character portraits.
Ceremonial Glow
Amaranth paired with Viking balances warm focal accents with cool mystical highlights for dynamic visual interest.
Explore More Honkai: Star Rail Character Color Codes
Download Xueyi Honkai Star Rail Color Palette
Xueyi .ASE Swatches
For Adobe Swatches & Procreate
Xueyi .SVG Palette
Vector Color Palette
Xueyi .PNG Image
High-Quality Palette Preview
FAQs about Xueyi Honkai Star Rail Color Codes
What is Xueyi’s hair color HEX code?
Xueyi’s hair and inner layers are bright off-white with HEX #FFFFFF.
What is the main robe or outfit color for Xueyi?
The primary robe panels and sash use a deep ceremonial red, HEX #E63946.
Which HEX codes are used for accent glows or metallic details?
Glowing teal accents use HEX #5ACDD6, while antique gold details use HEX #C9A23A.
