Qiqi (Genshin Impact) Color Codes & Palette — HEX Guide for UI/UX

Qiqi (Genshin Impact) Color Codes & Palette — HEX Guide for UI/UX

Qiqi is a quiet, doll‑like Cryo character whose visual identity blends melancholic tradition and subtle supernatural charm. Her primary fabric tone, Royal Purple #6B5AAE, defines silhouette and mood, while cool accents like Spindle #B7CBE6 evoke Cryo energy and restorative calm; warm focal touches such as Mystic Pearl #D65E77 appear in talismans to balance the palette. For designers and artists searching for precise Qiqi color codes or an exact HEX palette for UI/UX and fan work, this guide distills the five core tones and explains how to apply them for accessible, lore‑faithful results.

Royal Purple
#6B5AAE
Shark
#2B2B31
Bone
#E6D6C9
Spindle
#B7CBE6
Mystic Pearl
#D65E77

Qiqi Genshin Impact Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Royal Purple #6B5AAE 107, 90, 174 39, 48, 0, 32
Shark #2B2B31 43, 43, 49 12, 12, 0, 81
Bone #E6D6C9 230, 214, 201 0, 7, 13, 10
Spindle #B7CBE6 183, 203, 230 20, 12, 0, 10
Mystic Pearl #D65E77 214, 94, 119 0, 56, 44, 16

Qiqi CSS & Tailwind Color Variables

Select your preferred format and copy the ready-to-use CSS variables for your web projects.

:root {
/* Qiqi Genshin Impact Palette */
--qiqi-genshin-impact-royal-purple: #6B5AAE;
--qiqi-genshin-impact-shark: #2B2B31;
--qiqi-genshin-impact-bone: #E6D6C9;
--qiqi-genshin-impact-spindle: #B7CBE6;
--qiqi-genshin-impact-mystic-pearl: #D65E77;
}

Qiqi CSS Gradients

Beautiful gradient backgrounds inspired by Qiqi’s aesthetic. Click to copy the CSS code.

Click to Copy CSS
Royal Purple to Spindle#6B5AAE → #B7CBE6
Click to Copy CSS
Bone to Royal Purple#E6D6C9 → #6B5AAE

Qiqi Color Scheme Breakdown

Royal Purple#6B5AAE

Soft lavender-purple seen across Qiqi’s outfit fabric and hat panels, forming her signature silhouette; it communicates calm mysticism and the Cryo-zombie charm that defines her gentle, uncanny presence.

Shark#2B2B31

Near-black charcoal used on inner clothing, tights, and dark trims, grounding the design and increasing contrast; it reinforces her subdued, quiet personality and makes the pale Cryo tones stand out.

Bone#E6D6C9

Warm off-white/cream appears on stockings, cuffs, and lighter cloth sections, reading as soft and aged; it suggests traditional attire, innocence, and the preserved, doll-like stillness of her undead body.

Spindle#B7CBE6

Icy pale blue is present in Cryo accents and cool decorative highlights on her costume, evoking frost and healing serenity; it visually ties Qiqi to Cryo energy and her restorative abilities.

Mystic Pearl#D65E77

Muted rosy-red shows up in talisman details and small accessories, acting as a lively focal accent; it references sealing charms and adds a heartbeat of warmth to her otherwise cool, tranquil palette.

Qiqi 60-30-10 Design Rule

Apply the classic 60-30-10 UI design rule using Qiqi’s palette for a perfectly balanced visual hierarchy.

60% Background
#E6D6C9
30% Primary
#2B2B31
10% Accent
#6B5AAE

Use Bone (#E6D6C9) for large background spaces, Shark (#2B2B31) for primary text and structural UI elements, and vibrant Royal Purple (#6B5AAE) exclusively for call-to-action buttons and important highlights.

Qiqi UI Component Preview

Here is a live example of how the Qiqi color palette looks when applied to a modern UI component.

Qiqi

Cryo Healer

“I’m a little busy right now.”

Qiqi 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 Qiqi’s aesthetic.

  • Main LED: 107, 90, 174
  • Accent LED: 43, 43, 49

The Design Philosophy behind Qiqi’s Palette

The design philosophy behind Qiqi’s palette uses contrast and narrative symbolism to reflect her undead healer role. Deep grounding tones like Shark #2B2B31 provide visual weight and legibility, anchoring softer, aged neutrals such as Bone #E6D6C9 that suggest preserved, traditional garments. Icy highlights in Spindle #B7CBE6 signal her Cryo affinity and healing serenity, while the muted rosy accent Mystic Pearl #D65E77 functions as a talismanic heartbeat—small but emotionally resonant. This restrained set achieves cohesion by combining cool Cryo cues with warm, ritual details; designers seeking accurate Qiqi HEX color codes will find the palette ideal for UI components, character art, and themed interfaces.

Best Qiqi Color Combinations

Frozen Grounding

Royal Purple with Shark yields strong contrast for readable UI elements while keeping a muted, mystical aesthetic.

Frost & Talisman

Spindle paired with Mystic Pearl creates a calming Cryo highlight punctuated by a warm accent ideal for callouts and badges.

Download Qiqi Genshin Impact Color Palette

ASE

Qiqi .ASE Swatches

For Adobe Swatches & Procreate

SVG

Qiqi .SVG Palette

Vector Color Palette

PNG

Qiqi .PNG Image

High-Quality Palette Preview

FAQs about Qiqi Genshin Impact Color Codes

What is the main fabric/hat color of Qiqi?

Qiqi’s main fabric and hat panels use Royal Purple — HEX #6B5AAE.

What are the primary overall palette colors for Qiqi’s outfit?

The outfit is built around Royal Purple #6B5AAE, grounded by Shark #2B2B31 and softened with Bone #E6D6C9 for a cohesive Cryo palette.

Which color is used for Qiqi’s talisman accents and small accessories?

Talisman details and small accessories are highlighted with Mystic Pearl — HEX #D65E77 (often balanced by Spindle #B7CBE6).

Copied