Wanderer’s visual identity is a study in restrained motion: the dominant teal #1C5F88 (Blumine) evokes his airy Anemo presence while the muted gold #C7A24D (Roti) and pale aqua #D8F2F6 (Polar) add craftsmanship and lightness. For designers searching Wanderer color codes or a precise HEX palette for UI/UX, this character blends cool, breathable tones with darker anchors to create contrast and readability. The result is an elegant, slightly aloof palette ideal for atmospheric interfaces, character art references, and themed color systems that need both serenity and definition.
Wanderer Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Blumine | #1C5F88 | 28, 95, 136 | 79, 30, 0, 47 | |
| Elephant | #0F2A3A | 15, 42, 58 | 74, 28, 0, 77 | |
| Polar | #D8F2F6 | 216, 242, 246 | 12, 2, 0, 4 | |
| Roti | #C7A24D | 199, 162, 77 | 0, 19, 61, 22 | |
| Shark | #2A2A2F | 42, 42, 47 | 11, 11, 0, 82 |
Wanderer CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Wanderer Genshin Impact Palette */
--wanderer-genshin-impact-blumine: #1C5F88;
--wanderer-genshin-impact-elephant: #0F2A3A;
--wanderer-genshin-impact-polar: #D8F2F6;
--wanderer-genshin-impact-roti: #C7A24D;
--wanderer-genshin-impact-shark: #2A2A2F;
}More Genshin Impact Color Codes (Blue Palette)
Wanderer CSS Gradients
Beautiful gradient backgrounds inspired by Wanderer’s aesthetic. Click to copy the CSS code.
Wanderer Color Scheme Breakdown
Blumine#1C5F88
Dominant teal-blue seen on Wanderer’s main robe panels and layered clothing, defining his calm yet aloof Anemo aesthetic while contrasting the warmer gold trims and darker inner fabrics.
Elephant#0F2A3A
Deep navy used for inner garments, undersleeves, and structural cloth sections, grounding the design with a serious, withdrawn mood and making the brighter teal and gold accents feel sharper.
Polar#D8F2F6
Pale aqua-white appears in scarf-like details and light fabric areas, echoing wind and sky motifs; it softens the outfit’s heavy blues and enhances the clean, airy Anemo character identity.
Roti#C7A24D
Muted gold decorates trims, fasteners, and ornamental elements on his outfit and hat, signaling craftsmanship and status; it adds traditional contrast and highlights key silhouettes without feeling overly flashy.
Shark#2A2A2F
Near-black charcoal shows on tight clothing sections, straps, and shadowed fabric blocks, emphasizing a sharper, edgier persona; it anchors the palette and reinforces Wanderer’s restrained, controlled look.
Wanderer 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Wanderer’s palette for a perfectly balanced visual hierarchy.
Wanderer UI Component Preview
Here is a live example of how the Wanderer color palette looks when applied to a modern UI component.
Wanderer
Anemo Catalyst
“I walk where the wind carries me.”
Wanderer 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 Wanderer’s aesthetic.
- Main LED: 28, 95, 136
- Accent LED: 15, 42, 58
The Design Philosophy behind Wanderer’s Palette
The design philosophy behind Wanderer’s palette balances narrative, mood, and function: Blumine (#1C5F88) communicates the protagonist’s calm Anemo temperament, while Elephant (#0F2A3A) and Shark (#2A2A2F) provide structural depth and readable contrast for silhouettes and interactive elements. Polar (#D8F2F6) introduces airy highlights reminiscent of wind and sky, and Roti (#C7A24D) anchors ornamental details with a restrained metallic warmth. This combination succeeds because it pairs mid-tone chroma with near-black anchors and pale accents, a proven approach in UI/UX to guide focus, ensure accessibility, and convey storytelling through color — a practical reference for anyone searching for Wanderer HEX palette or character color codes.
Best Wanderer Color Combinations
Anemo Teal Contrast
Blumine’s teal and Roti’s muted gold form a sophisticated complementary pairing, using cool base tones with warm highlights to emphasize focal UI elements and ornamental trims.
Shadowed Breeze
Deep Elephant anchored against airy Polar creates high legibility and visual depth, ideal for text-on-background and subtle accent contrasts in character-themed layouts.
Explore More Genshin Impact Character Color Codes
Download Wanderer Genshin Impact Color Palette
Wanderer .ASE Swatches
For Adobe Swatches & Procreate
Wanderer .SVG Palette
Vector Color Palette
Wanderer .PNG Image
High-Quality Palette Preview
FAQs about Wanderer Genshin Impact Color Codes
What is the primary robe color of the Wanderer?
The primary robe color is the teal Blumine, HEX #1C5F88.
Which color defines the overall outfit tone and structure?
The outfit’s structural and grounding tone comes from the deep Elephant navy, HEX #0F2A3A.
What are the accent colors used for trims and highlights?
Accents and highlights use muted gold Roti (#C7A24D) and pale aqua Polar (#D8F2F6) to add warmth and airy lightness.
