Aloy’s visual identity adapts Horizon’s rugged explorer into Genshin with a clear, usable color system that speaks to both character and UI needs. Her warm hair tone Mojo #C64B3C contrasts with steel-blue accents like Lapis Lazuli #3C6FAE and grounding neutrals such as Akaroa #D7C9A8, giving designers predictable color codes and HEX values to replicate her look. This palette balances personality and function, making it ideal for interface themes, character cards, and promotional art where precise color codes matter for brand consistency and pixel-perfect implementation.
Aloy Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Mojo | #C64B3C | 198, 75, 60 | 0, 62, 70, 22 | |
| Lapis Lazuli | #3C6FAE | 60, 111, 174 | 66, 36, 0, 32 | |
| Akaroa | #D7C9A8 | 215, 201, 168 | 0, 7, 22, 16 | |
| Spice | #6C3B2A | 108, 59, 42 | 0, 45, 61, 58 | |
| Mine Shaft | #2A2A2A | 42, 42, 42 | 0, 0, 0, 84 |
Aloy CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Aloy Genshin Impact Palette */
--aloy-genshin-impact-mojo: #C64B3C;
--aloy-genshin-impact-lapis-lazuli: #3C6FAE;
--aloy-genshin-impact-akaroa: #D7C9A8;
--aloy-genshin-impact-spice: #6C3B2A;
--aloy-genshin-impact-mine-shaft: #2A2A2A;
}More Genshin Impact Color Codes (Red Palette)
Aloy CSS Gradients
Beautiful gradient backgrounds inspired by Aloy’s aesthetic. Click to copy the CSS code.
Aloy Color Scheme Breakdown
Mojo#C64B3C
Aloy’s signature warm red-orange appears mainly in her hair and braided strands, instantly signaling her fiery, resilient hunter identity and echoing Horizon’s bold, adventurous tone within Genshin.
Lapis Lazuli#3C6FAE
A cool steel-blue is seen across Aloy’s outfit fabrics and armor accents, conveying calm precision and survivalist practicality, while also complementing her Cryo alignment and tech-inspired explorer vibe.
Akaroa#D7C9A8
A pale beige-tan appears on her jacket panels, straps, and layered cloth pieces, suggesting rugged leatherwork and travel-worn gear, reinforcing her grounded, outdoorsy silhouette and utilitarian design language.
Spice#6C3B2A
A deep brown shows up in belts, harnesses, boots, and gear bindings, adding a sturdy crafted-leather feel that emphasizes durability, hand-made survival equipment, and the grounded realism of her huntress kit.
Mine Shaft#2A2A2A
A near-charcoal black is present in underlayers, buckles, and weapon fittings, anchoring the palette with contrast and readability, while hinting at tactical function and the serious edge of her combat role.
Aloy 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Aloy’s palette for a perfectly balanced visual hierarchy.
Aloy UI Component Preview
Here is a live example of how the Aloy color palette looks when applied to a modern UI component.
Aloy
Cryo Huntress
“I won’t be defined by what I’ve been through.”
Aloy 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 Aloy’s aesthetic.
- Main LED: 198, 75, 60
- Accent LED: 60, 111, 174
The Design Philosophy behind Aloy’s Palette
The design philosophy behind Aloy’s palette trades purely decorative choices for narrative-driven palettes: Mojo (#C64B3C) signals resilience and focal warmth, while Lapis Lazuli (#3C6FAE) reads as technical, cool and Cryo-aligned—perfect for conveying precision and survivalist gear. Akaroa (#D7C9A8) and Spice (#6C3B2A) add tactile, leather-like realism; Mine Shaft (#2A2A2A) anchors contrast and legibility. Together these HEX values form a hierarchy of attention—accent, mid, base, and anchor—making the scheme both characterful and practical for UI. For designers searching color codes or exact HEX values, this system ensures cohesive visual storytelling across screens and assets.
Best Aloy Color Combinations
Thermal vs. Cryo Contrast
A warm accent (#C64B3C) paired with a cool steel-blue (#3C6FAE) creates dynamic contrast ideal for call-to-action states and elemental cues in UI.
Tactile Grounding Duo
A muted tan base (#D7C9A8) with near-charcoal anchors (#2A2A2A) provides readable, durable backgrounds and text contrast for inventory screens or overlays.
Explore More Genshin Impact Character Color Codes
Download Aloy Genshin Impact Color Palette
Aloy .ASE Swatches
For Adobe Swatches & Procreate
Aloy .SVG Palette
Vector Color Palette
Aloy .PNG Image
High-Quality Palette Preview
FAQs about Aloy Genshin Impact Color Codes
What is the exact HEX for Aloy’s hair color?
Aloy’s hair and braided strands are represented by Mojo with HEX #C64B3C.
Which HEX codes define Aloy’s main outfit and armor accents?
The primary outfit and armor accents use Lapis Lazuli with HEX #3C6FAE, balanced by neutral panels like Akaroa #D7C9A8.
Which HEX is used for belts, boots and leather bindings?
Leather bindings and gear details are represented by Spice with HEX #6C3B2A (anchored by Mine Shaft #2A2A2A for hardware).