Xilonen’s visual identity is a study in refined contrasts and ritual poise, designed for UI/UX and character art references. The dominant near‑black #1C1B22 (Baltic Sea) sculpts her silhouette, while warm off‑white #E9E4D7 (Pearl Bush) defines trims and ceremonial panels; muted gold #C9A45E (Sundance) supplies luxury highlights that read well in digital palettes and color codes lists. This combination creates a calm, sophisticated presence that’s ideal for designers searching for usable HEX values and a coherent character-driven palette for icons, overlays, and promotional art.
Xilonen Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Baltic Sea | #1C1B22 | 28, 27, 34 | 18, 21, 0, 87 | |
| Pearl Bush | #E9E4D7 | 233, 228, 215 | 0, 2, 8, 9 | |
| Sundance | #C9A45E | 201, 164, 94 | 0, 18, 53, 21 | |
| Amethyst | #6B5A8E | 107, 90, 142 | 25, 37, 0, 44 | |
| Cadillac | #B45A6B | 180, 90, 107 | 0, 50, 41, 29 |
Xilonen CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Xilonen Genshin Impact Palette */
--xilonen-genshin-impact-baltic-sea: #1C1B22;
--xilonen-genshin-impact-pearl-bush: #E9E4D7;
--xilonen-genshin-impact-sundance: #C9A45E;
--xilonen-genshin-impact-amethyst: #6B5A8E;
--xilonen-genshin-impact-cadillac: #B45A6B;
}More Genshin Impact Character Color Palettes Color Codes (Black Palette)
Xilonen CSS Gradients
Beautiful gradient backgrounds inspired by Xilonen’s aesthetic. Click to copy the CSS code.
Xilonen Color Scheme Breakdown
Baltic Sea#1C1B22
Deep near-black appears across Xilonen’s main bodysuit and layered outfit panels, forming the dominant silhouette; it communicates stealth, maturity, and a cool, controlled presence typical of her overall design.
Pearl Bush#E9E4D7
Warm off-white shows in contrasting fabric sections and trim accents on her clothing, breaking up dark masses; it reads as refined, ceremonial detail and helps highlight the character’s clean, premium styling.
Sundance#C9A45E
Muted gold is used on ornamental edges, fasteners, and decorative motifs, suggesting high status and craftsmanship; it functions as the luxury highlight color that frames key costume shapes without becoming metallic shine.
Amethyst#6B5A8E
Dusty violet appears in secondary cloth layers and accessory elements, adding a mystical undertone; it balances the monochrome base and implies an elegant, arcane flair within her overall visual identity.
Cadillac#B45A6B
Soft crimson-rose shows in smaller accent pieces like ribbons, markings, or inner fabric pops, bringing warmth to the palette; it conveys personality and emotional contrast against the character’s darker, calmer base.
Xilonen 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Xilonen’s palette for a perfectly balanced visual hierarchy.
Xilonen UI Component Preview
Here is a live example of how the Xilonen color palette looks when applied to a modern UI component.
Xilonen
Arcane Botanist
“The fields remember every hand that tends them.”
Xilonen 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 Xilonen’s aesthetic.
- Main LED: 28, 27, 34
- Accent LED: 233, 228, 215
The Design Philosophy behind Xilonen’s Palette
Xilonen’s palette is deliberately balanced to communicate narrative, function, and temperament. The heavy use of #1C1B22 anchors her as stealthy and composed, implying resilience and mystery; #E9E4D7 introduces a ceremonial cleanliness that separates form from shadow; meanwhile #C9A45E acts as a restrained metallic hint of status rather than literal shine. Secondary tones like #6B5A8E (Amethyst) and #B45A6B (Cadillac) inject arcane warmth and human touch without breaking the overall restraint. For UI designers and color codes researchers, this is a compact, accessible system: high contrast for readability, subtle midtones for depth, and selective accents for focal points—exactly why these HEX choices succeed in narrative-driven interface design.
Best Xilonen Color Combinations
Ceremonial Contrast
Deep near‑black against warm off‑white creates clear visual hierarchy and excellent text/background contrast for UI components.
Arcane Accent Duo
Dusty violet paired with muted gold gives mystical highlights that read as ornamental accents without overpowering the base palette.
Explore More Genshin Impact Character Color Palettes Character Color Codes
Download Xilonen Genshin Impact Color Palette
Xilonen .ASE Swatches
For Adobe Swatches & Procreate
Xilonen .SVG Palette
Vector Color Palette
Xilonen .PNG Image
High-Quality Palette Preview
FAQs about Xilonen Genshin Impact Color Codes
What is the main bodysuit color for Xilonen?
The primary bodysuit color is the deep near‑black #1C1B22 (Baltic Sea).
Which color defines Xilonen’s ceremonial trims and contrast panels?
Ceremonial trims and contrast panels use the warm off‑white #E9E4D7 (Pearl Bush) to break up darker areas.
What HEX codes are used for Xilonen’s decorative accents?
Decorative accents include muted gold #C9A45E (Sundance) and soft rose #B45A6B (Cadillac) for small highlights.
