Lumine, the female Traveler from Genshin Impact, blends ethereal heroism with practical adventuring through a refined color system that suits UI and character-driven design. Her primary off-white Catskill White #F4F7FA frames the silhouette while warm Marzipan #F6D68B for hair and Roti gold #CFA34A for trims add nobility and contrast. Accent Malibu blue #66C9FF and grounding Rhino navy #2B3F66 create a balanced palette ideal for designers searching specific color codes and HEX values to recreate Lumine’s distinctive visual identity.
Lumine Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Catskill White | #F4F7FA | 244, 247, 250 | 2, 1, 0, 2 | |
| Marzipan | #F6D68B | 246, 214, 139 | 0, 13, 43, 4 | |
| Malibu | #66C9FF | 102, 201, 255 | 60, 21, 0, 0 | |
| Rhino | #2B3F66 | 43, 63, 102 | 58, 38, 0, 60 | |
| Roti | #CFA34A | 207, 163, 74 | 0, 21, 64, 19 |
Lumine CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Lumine Genshin Impact Palette */
--lumine-genshin-impact-catskill-white: #F4F7FA;
--lumine-genshin-impact-marzipan: #F6D68B;
--lumine-genshin-impact-malibu: #66C9FF;
--lumine-genshin-impact-rhino: #2B3F66;
--lumine-genshin-impact-roti: #CFA34A;
}More Genshin Impact Character Color Palettes Color Codes (White Palette)
Lumine CSS Gradients
Beautiful gradient backgrounds inspired by Lumine’s aesthetic. Click to copy the CSS code.
Lumine Color Scheme Breakdown
Catskill White#F4F7FA
This soft off-white appears across Lumine’s primary outfit, cloak, and skirt panels, conveying purity and heroism while providing a neutral canvas for other accents and allowing highlights and embroidery details to stand out.
Marzipan#F6D68B
Pale golden blond is used for Lumine’s hair, framing her face and symbolizing the Traveler’s warmth and light; the tone harmonizes with gold trims and contrasts cleanly against cooler blues.
Malibu#66C9FF
A clear sky blue appears in Lumine’s ribbons, inner dress gradients and accent panels, emphasizing freedom and aetheric connection while balancing warm golds and providing vibrant contrast against the white base.
Rhino#2B3F66
Deep navy is used for Lumine’s underskirt, boots and select trims, grounding the palette with weight and readability, improving silhouette definition while giving a noble, slightly maritime visual anchor and presence.
Roti#CFA34A
Warm muted gold defines Lumine’s decorative trims, belt buckles and accessory details, signaling nobility and refinement while linking hair color and outfit highlights to create cohesive luminous ornamentation and accenting silhouette lines.
Lumine 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Lumine’s palette for a perfectly balanced visual hierarchy.
Lumine UI Component Preview
Here is a live example of how the Lumine color palette looks when applied to a modern UI component.
Lumine
Aether Traveler
“Let’s go!”
Lumine 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 Lumine’s aesthetic.
- Main LED: 244, 247, 250
- Accent LED: 246, 214, 139
The Design Philosophy behind Lumine’s Palette
The design philosophy behind Lumine’s palette uses contrast, hierarchy, and narrative signaling to reflect her role as a traveling protagonist. A neutral base (#F4F7FA Catskill White) reads as purity and canvas, while Marzipan #F6D68B connects to warmth and approachability. Strategic uses of Malibu #66C9FF imply aetheric freedom and movement, and Rhino #2B3F66 provides silhouette weight and legibility for UI elements or iconography. Roti #CFA34A ties trims and highlights together as regal ornamentation. For color codes and HEX-driven UI design, this combination balances readability, accent emphasis, and thematic coherence, making the palette both evocative and practical for interface systems.
Best Lumine Color Combinations
Aether Accent
A bright Malibu blue against Rhino navy gives strong contrast for calls-to-action and readable overlays while preserving the character’s airy theme.
Noble Highlight
Catskill White with Roti gold creates elegant highlights and trim contrast ideal for headers, badges, and decorative UI borders.
Explore More Genshin Impact Character Color Palettes Character Color Codes
Download Lumine Genshin Impact Color Palette
Lumine .ASE Swatches
For Adobe Swatches & Procreate
Lumine .SVG Palette
Vector Color Palette
Lumine .PNG Image
High-Quality Palette Preview
FAQs about Lumine Genshin Impact Color Codes
What is the HEX code for Lumine’s hair color?
Lumine’s hair color (Marzipan) is #F6D68B.
Which HEX represents Lumine’s primary outfit base?
The primary outfit base (Catskill White) uses HEX #F4F7FA.
What HEX is used for Lumine’s gold trims and accents?
Her decorative trims and accessory gold (Roti) are #CFA34A.
