Kirara from Genshin Impact blends playful youkai charm with practical courier aesthetics, making her palette ideal for character-driven UI work and brand studies. Designers searching for Kirara color codes will note the vibrant teal of Illuminating Emerald #2F9B7A as the signature accent, the warm neutral base Double Spanish White #E7D7B9 for readable panels, and the muted violet Affair #6A4A8F for stylized details. These HEX values create an approachable yet distinctive look that translates well to app palettes, mockups, and fan UI projects seeking faithful color accuracy.
Kirara Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Illuminating Emerald | #2F9B7A | 47, 155, 122 | 70, 0, 21, 39 | |
| Double Spanish White | #E7D7B9 | 231, 215, 185 | 0, 7, 20, 9 | |
| Affair | #6A4A8F | 106, 74, 143 | 26, 48, 0, 44 | |
| Aztec Gold | #C6A05A | 198, 160, 90 | 0, 19, 55, 22 | |
| English Walnut | #3B2A22 | 59, 42, 34 | 0, 29, 42, 77 |
Kirara CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Kirara Genshin Impact Palette */
--kirara-genshin-impact-illuminating-emerald: #2F9B7A;
--kirara-genshin-impact-double-spanish-white: #E7D7B9;
--kirara-genshin-impact-affair: #6A4A8F;
--kirara-genshin-impact-aztec-gold: #C6A05A;
--kirara-genshin-impact-english-walnut: #3B2A22;
}More Genshin Impact Color Codes (Green Palette)
Kirara CSS Gradients
Beautiful gradient backgrounds inspired by Kirara’s aesthetic. Click to copy the CSS code.
Kirara Color Scheme Breakdown
Illuminating Emerald#2F9B7A
A vivid teal-green used across Kirara’s courier-themed outfit accents and overall visual identity, echoing Dendro energy and her nimble, nature-linked persona while keeping a fresh, upbeat, modern pop-anime feel.
Double Spanish White#E7D7B9
A warm cream-beige seen on major garment panels and fabric sections, acting as the neutral base that balances her saturated greens and purples, and reinforcing a friendly, everyday-delivery worker vibe.
Affair#6A4A8F
A muted violet-purple appearing in secondary clothing parts and stylized details, tying into her playful youkai-cat motif and giving fashionable contrast against the Dendro greens without reading as pure shadow tone.
Aztec Gold#C6A05A
A golden tan used for trims, fasteners, and accessory-like elements that feel practical and outdoorsy, suggesting travel gear and courier hardware, while adding warmth and readability to her costume silhouette.
English Walnut#3B2A22
A deep chocolate-brown present in belt-like pieces, footwear areas, and structural outfit elements, grounding the palette with sturdy practicality and helping the lighter fabrics and bright accents stand out clearly.
Kirara 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Kirara’s palette for a perfectly balanced visual hierarchy.
Kirara UI Component Preview
Here is a live example of how the Kirara color palette looks when applied to a modern UI component.
Kirara
Dendro Courier
“I’ll get this there safely — leave it to Kirara!”
Kirara 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 Kirara’s aesthetic.
- Main LED: 47, 155, 122
- Accent LED: 231, 215, 185
The Design Philosophy behind Kirara’s Palette
The design philosophy behind Kirara’s palette balances personality and function: Dendro-linked Illuminating Emerald (#2F9B7A) signals nature and agility, while Double Spanish White (#E7D7B9) provides a friendly, utilitarian canvas for text and interface elements. Affair (#6A4A8F) introduces a fashionable youkai nod without overpowering the scheme; Aztec Gold (#C6A05A) is used sparingly for hardware-like trims to imply durability and travel, and English Walnut (#3B2A22) grounds the entire composition in practical, readable contrast. For UI/UX designers seeking Kirara HEX codes or a character-driven palette, this mix demonstrates how purposeful accent, neutral base, and grounding tones convey story and usability concurrently.
Best Kirara Color Combinations
Courier Fresh Duo
Illuminating Emerald with Double Spanish White pairs a vivid accent with a warm neutral for clear CTAs and legible card backgrounds.
Youkai Contrast Accent
Affair’s muted violet and Aztec Gold create a stylish, high-legibility highlight pairing for badges and trim details.
Explore More Genshin Impact Character Color Codes
Download Kirara Genshin Impact Color Palette
Kirara .ASE Swatches
For Adobe Swatches & Procreate
Kirara .SVG Palette
Vector Color Palette
Kirara .PNG Image
High-Quality Palette Preview
FAQs about Kirara Genshin Impact Color Codes
What is the primary accent color on Kirara’s outfit?
The primary accent is Illuminating Emerald, HEX #2F9B7A.
What is the main garment/base color used for Kirara’s costume?
The main neutral base is Double Spanish White, HEX #E7D7B9.
Which colors serve as secondary highlights or trims on Kirara?
Secondary highlights include Affair #6A4A8F for stylized details and Aztec Gold #C6A05A for trims, grounded by English Walnut #3B2A22.
