Lisa’s visual identity in Genshin Impact blends arcane elegance with scholarly charm, making her palette a go-to reference for UI/UX designers seeking refined magical themes. The design leans on deep tones like Revolver #2B1A3A and vibrant accents such as Royal Purple #6B3FA0, while trims in Tacha #D6B25B offer luxurious contrast. For anyone searching for Lisa color codes or HEX palette references, these precise values (e.g., Light Wisteria #BFA2DA for soft highlights) help recreate her Electro librarian aesthetic across interfaces, style guides, and character-themed assets.
Lisa Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Royal Purple | #6B3FA0 | 107, 63, 160 | 33, 61, 0, 37 | |
| Revolver | #2B1A3A | 43, 26, 58 | 26, 55, 0, 77 | |
| Light Wisteria | #BFA2DA | 191, 162, 218 | 12, 26, 0, 15 | |
| Tacha | #D6B25B | 214, 178, 91 | 0, 17, 57, 16 | |
| Nutmeg | #7A4A2D | 122, 74, 45 | 0, 39, 63, 52 |
Lisa CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Lisa Genshin Impact Palette */
--lisa-genshin-impact-royal-purple: #6B3FA0;
--lisa-genshin-impact-revolver: #2B1A3A;
--lisa-genshin-impact-light-wisteria: #BFA2DA;
--lisa-genshin-impact-tacha: #D6B25B;
--lisa-genshin-impact-nutmeg: #7A4A2D;
}More Genshin Impact Color Codes (Purple Palette)
Lisa CSS Gradients
Beautiful gradient backgrounds inspired by Lisa’s aesthetic. Click to copy the CSS code.
Lisa Color Scheme Breakdown
Royal Purple#6B3FA0
A saturated violet used across Lisa’s witch outfit accents and overall visual identity, echoing her Electro element and giving her a confident, mystical scholar vibe associated with magical power.
Revolver#2B1A3A
A deep eggplant-purple appearing on the main fabric of her dress and hat, providing strong contrast and elegance while reinforcing the nocturnal, arcane ‘witch librarian’ silhouette of her design.
Light Wisteria#BFA2DA
A pale lavender found in decorative trims and lighter cloth sections, adding softness and femininity; it balances the darker purples and hints at refined, controlled Electro energy rather than raw chaos.
Tacha#D6B25B
A warm gold used for jewelry, buckles, and ornamental details, signaling her Academia prestige and high status; it punctuates the purple scheme and reads as polished, luxurious magical craftsmanship.
Nutmeg#7A4A2D
A chestnut-brown tone visible in leather-like straps, glove elements, and accessory pieces, grounding the palette with practical material realism while keeping the overall look mature and worldly.
Lisa 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Lisa’s palette for a perfectly balanced visual hierarchy.
Lisa UI Component Preview
Here is a live example of how the Lisa color palette looks when applied to a modern UI component.
Lisa
Electro Librarian
“Study is the torch that illuminates the darkness.”
Lisa 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 Lisa’s aesthetic.
- Main LED: 107, 63, 160
- Accent LED: 43, 26, 58
The Design Philosophy behind Lisa’s Palette
The palette intentionally balances saturated Electro cues with grounded, material tones to express Lisa’s personality: confident, intellectual, and a touch mysterious. Deep eggplant Revolver (#2B1A3A) forms the base silhouette, suggesting nocturnal scholarship and readable UI backgrounds, while Royal Purple (#6B3FA0) supplies the energized, elemental accent that reads as magical power. Light Wisteria (#BFA2DA) softens edges and supports accessible typography contrast, and Tacha (#D6B25B) punctuates hierarchy with metallic ornamentation. Nutmeg (#7A4A2D) adds tactile realism for straps and leather, anchoring the palette so the overall scheme works both in character art and practical color codes/HEX implementations for UI design.
Best Lisa Color Combinations
Arcane Accent Pair
Royal Purple with Tacha creates a luxurious, high-contrast accent set ideal for call-to-action buttons and premium UI highlights.
Scholarly Base Duo
Revolver paired with Light Wisteria offers legible text-on-background options and subtle decorative trims for readable, elegant interfaces.
Explore More Genshin Impact Character Color Codes
Download Lisa Genshin Impact Color Palette
Lisa .ASE Swatches
For Adobe Swatches & Procreate
Lisa .SVG Palette
Vector Color Palette
Lisa .PNG Image
High-Quality Palette Preview
FAQs about Lisa Genshin Impact Color Codes
What is the HEX for Lisa’s signature purple accent?
Lisa’s signature purple accent (Royal Purple) is #6B3FA0.
Which HEX corresponds to the main dress and hat fabric?
The main dress and hat fabric color (Revolver) is #2B1A3A.
What HEXs are used for decorative gold and light trim accents?
The decorative gold is Tacha #D6B25B and the light trim is Light Wisteria #BFA2DA.
