Keqing’s visual identity is a masterclass in purposeful character palette design. The dominant Purple Heart (#7D4FC8) anchors her Electro presence with regal assertiveness, while Moon Raker (#D7B6F2) softens details and Sidecar (#F3E3B8) adds warm ceremonial highlights; these Keqing color codes form a balanced HEX palette for character and UI uses. Designers searching for Keqing color codes or a precise HEX palette will find this breakdown useful for emulating her agile nobility in interfaces, illustrations, or cosplay assets without losing the character’s refined Liyue aesthetic.
Keqing Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Purple Heart | #7D4FC8 | 125, 79, 200 | 37, 61, 0, 22 | |
| Moon Raker | #D7B6F2 | 215, 182, 242 | 11, 25, 0, 5 | |
| Sidecar | #F3E3B8 | 243, 227, 184 | 0, 7, 24, 5 | |
| Charade | #2E2B3E | 46, 43, 62 | 26, 31, 0, 76 | |
| Eunry | #CBA2A1 | 203, 162, 161 | 0, 20, 21, 20 |
Keqing CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Keqing Genshin Impact Palette */
--keqing-genshin-impact-purple-heart: #7D4FC8;
--keqing-genshin-impact-moon-raker: #D7B6F2;
--keqing-genshin-impact-sidecar: #F3E3B8;
--keqing-genshin-impact-charade: #2E2B3E;
--keqing-genshin-impact-eunry: #CBA2A1;
}More Genshin Impact Color Codes (Purple Palette)
Keqing CSS Gradients
Beautiful gradient backgrounds inspired by Keqing’s aesthetic. Click to copy the CSS code.
Keqing Color Scheme Breakdown
Purple Heart#7D4FC8
A saturated lavender-purple dominating Keqing’s outfit accents and overall character identity; it echoes her Electro element, conveying agile nobility, confident leadership, and the signature Liyue Qixing elegance.
Moon Raker#D7B6F2
A pale lilac used across inner fabrics, trim, and ornamental details; it softens the sharper purple tones, suggesting refinement, grace, and the luminous, controlled side of her Electro power.
Sidecar#F3E3B8
A warm cream-gold appearing in tassels, embroidery, and metallic ornament motifs; it signals Liyue’s luxury, adds ceremonial richness, and contrasts the cool purples to emphasize her prestigious status.
Charade#2E2B3E
A deep indigo-charcoal found in stockings, undersuit sections, and darker garment panels; it grounds the palette, enhances contrast, and communicates seriousness, discipline, and Keqing’s work-focused temperament.
Eunry#CBA2A1
A muted rose-beige present in hair highlights and small accessory details; it adds warmth to her lavender hair, balancing cool hues and reinforcing a youthful, approachable charm beneath her stern demeanor.
Keqing 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Keqing’s palette for a perfectly balanced visual hierarchy.
Keqing UI Component Preview
Here is a live example of how the Keqing color palette looks when applied to a modern UI component.
Keqing
Electro Sword Officer
“I don’t rely on gods — I rely on my own work.”
Keqing 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 Keqing’s aesthetic.
- Main LED: 125, 79, 200
- Accent LED: 215, 182, 242
The Design Philosophy behind Keqing’s Palette
The design philosophy behind Keqing’s palette relies on contrast and narrative cohesion: a saturated lavender (Purple Heart #7D4FC8) conveys Electro energy and confident leadership, while Moon Raker (#D7B6F2) provides luminous secondary tones that prevent the palette from feeling too heavy. Sidecar (#F3E3B8) injects ceremonial warmth, Charade (#2E2B3E) grounds the composition with disciplined depth, and Eunry (#CBA2A1) offers subtle warmth in highlights. For UI and visual designers referencing these color codes and HEX values, the combination succeeds because it maps personality to color hierarchy—primary for identity, secondary for refinement, and neutrals for structure—making the palette both iconic and practical for interface contrast and readability.
Best Keqing Color Combinations
Regal Electro Contrast
Purple Heart #7D4FC8 with Charade #2E2B3E creates a high-contrast primary/neutral pair ideal for prominent CTAs and legible UI headers.
Soft Ceremonial Harmony
Moon Raker #D7B6F2 with Sidecar #F3E3B8 blends cool lilac and warm cream for refined backgrounds, decorative accents, and gentle gradients.
Explore More Genshin Impact Character Color Codes
Download Keqing Genshin Impact Color Palette
Keqing .ASE Swatches
For Adobe Swatches & Procreate
Keqing .SVG Palette
Vector Color Palette
Keqing .PNG Image
High-Quality Palette Preview
FAQs about Keqing Genshin Impact Color Codes
What is the HEX for Keqing’s primary outfit purple?
Keqing’s primary purple (Purple Heart) is #7D4FC8.
Which HEX codes define Keqing’s overall outfit palette?
The core outfit palette uses #7D4FC8 (Purple Heart), #D7B6F2 (Moon Raker), #F3E3B8 (Sidecar), #2E2B3E (Charade), and #CBA2A1 (Eunry).
What HEX should I use for Keqing’s hair highlights or warm accents?
Use Eunry #CBA2A1 for warm hair highlights and subtle accessory accents.
