Yae Miko is an elegant, mischievous shrine maiden from Genshin Impact whose visual identity is a masterclass in character-driven color. The soft sakura-pink Illusion #F2A7C4, anchored by deep Vivid Violet #7B3A8E and brightened with gilded Whiskey #D3B06A, gives a palette that’s both playful and ceremonial. For UI/UX designers and illustrators searching for Yae Miko color codes or a reliable HEX palette, these tones translate directly into on-brand UI elements, character assets, and promotional art—balancing approachability with nobility while preserving legibility and contrast across digital interfaces.
Yae Miko Genshin Impact Color Codes: HEX, RGB, CMYK
| Preview | Color Name | HEX | RGB | CMYK |
|---|---|---|---|---|
| Illusion | #F2A7C4 | 242, 167, 196 | 0, 31, 19, 5 | |
| Vivid Violet | #7B3A8E | 123, 58, 142 | 13, 59, 0, 44 | |
| Moon Raker | #D9C6F3 | 217, 198, 243 | 11, 19, 0, 5 | |
| Whiskey | #D3B06A | 211, 176, 106 | 0, 17, 50, 17 | |
| Bleached Cedar | #2A1A2F | 42, 26, 47 | 11, 45, 0, 82 |
Yae Miko CSS & Tailwind Color Variables
Select your preferred format and copy the ready-to-use CSS variables for your web projects.
:root {
/* Yae Miko Genshin Impact Palette */
--yae-miko-genshin-impact-illusion: #F2A7C4;
--yae-miko-genshin-impact-vivid-violet: #7B3A8E;
--yae-miko-genshin-impact-moon-raker: #D9C6F3;
--yae-miko-genshin-impact-whiskey: #D3B06A;
--yae-miko-genshin-impact-bleached-cedar: #2A1A2F;
}More Genshin Impact Color Codes (Pink Palette)
Yae Miko CSS Gradients
Beautiful gradient backgrounds inspired by Yae Miko’s aesthetic. Click to copy the CSS code.
Yae Miko Color Scheme Breakdown
Illusion#F2A7C4
A signature soft sakura-pink used across Yae Miko’s long hair and key outfit accents, reinforcing her elegant shrine-maiden silhouette while signaling mischievous charm and fox-spirit allure.
Vivid Violet#7B3A8E
A deep purple seen in her ceremonial dress panels and ornamental details, echoing Electro mystique and Inazuma nobility while balancing the bright pink tones with authority and intrigue.
Moon Raker#D9C6F3
A pale lavender-white appearing in inner fabric layers and refined trims, reading as clean, priestly, and ethereal; it also links visually to the soft glow of Electro-themed effects.
Whiskey#D3B06A
A warm gold used for jewelry, emblems, and decorative hardware on her outfit, communicating shrine prestige and kitsune regality while adding a luxurious contrast against purple and pink.
Bleached Cedar#2A1A2F
A near-black plum used in stockings, shadows of garment sections, and structural costume elements, grounding the palette and sharpening the character’s silhouette with a sly, mature undertone.
Yae Miko 60-30-10 Design Rule
Apply the classic 60-30-10 UI design rule using Yae Miko’s palette for a perfectly balanced visual hierarchy.
Yae Miko UI Component Preview
Here is a live example of how the Yae Miko color palette looks when applied to a modern UI component.
Yae Miko
Electro Shrine Maiden
“Careful—curiosity can be dangerous, especially for foxes.”
Yae Miko 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 Yae Miko’s aesthetic.
- Main LED: 242, 167, 196
- Accent LED: 123, 58, 142
The Design Philosophy behind Yae Miko’s Palette
The design philosophy behind Yae Miko’s palette uses contrast and cultural cues to reflect narrative role and elemental identity. Illusion (#F2A7C4) communicates flirtatious charm and kitsune warmth, while Vivid Violet (#7B3A8E) anchors that playfulness in Electro mystique and ceremonial stature. Moon Raker (#D9C6F3) supplies an ethereal inner layer suggesting elemental glow; Whiskey (#D3B06A) functions as a metallic highlight for emblems and interactive affordances; Bleached Cedar (#2A1A2F) provides near-black grounding for text and silhouettes. These HEX choices create a clear visual hierarchy—primary, secondary, accent, and neutral—that designers can reuse for consistent UI patterns and accurate Yae Miko color codes in projects.
Best Yae Miko Color Combinations
Playful Authority
Soft Illusion pink combined with deep Vivid Violet balances whimsy and gravitas, ideal for primary/secondary UI elements that need personality and seriousness.
Ethereal Accent
Moon Raker’s pale lavender with Whiskey gold creates luminous highlights for icons or CTA accents that read as ceremonial and luxurious.
Explore More Genshin Impact Character Color Codes
Download Yae Miko Genshin Impact Color Palette
Yae Miko .ASE Swatches
For Adobe Swatches & Procreate
Yae Miko .SVG Palette
Vector Color Palette
Yae Miko .PNG Image
High-Quality Palette Preview
FAQs about Yae Miko Genshin Impact Color Codes
What is the HEX for Yae Miko’s hair color?
Her signature sakura-pink hair tone is Illusion — #F2A7C4.
Which HEX represents her main ceremonial dress color?
The primary ceremonial panels and ornamental details use Vivid Violet — #7B3A8E.
What HEXs are used for accents like jewelry and trims?
Accents and metallic trims use Whiskey — #D3B06A, while inner trims and glow effects use Moon Raker — #D9C6F3 (and Bleached Cedar #2A1A2F for grounding).
