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

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

Yoimiya, the spirited pyrotechnician from Genshin Impact, channels festival warmth and explosive joy through a concise, sunlit palette. Her signature #F36A2B Flamingo brings immediate pyro intensity, while #D9A12B Golden Grass reads like sparks and lantern glow; softer tones such as #F6D2B3 Wheat keep the face-friendly highlights approachable. For UI/UX designers and artists searching for Yoimiya color codes and an accurate HEX palette, this set balances vivid accent colors with grounding neutrals—perfect for character art, promotional banners, and themed interfaces that need both heat and harmony.

Flamingo
#F36A2B
Maize
#EFD0A6
Golden Grass
#D9A12B
Flush Mahogany
#C83B3E
Wheat
#F6D2B3

Yoimiya Genshin Impact Color Codes: HEX, RGB, CMYK

Preview Color Name HEX RGB CMYK
Flamingo #F36A2B 243, 106, 43 0, 56, 82, 5
Maize #EFD0A6 239, 208, 166 0, 13, 31, 6
Golden Grass #D9A12B 217, 161, 43 0, 26, 80, 15
Flush Mahogany #C83B3E 200, 59, 62 0, 71, 69, 22
Wheat #F6D2B3 246, 210, 179 0, 15, 27, 4

Yoimiya CSS & Tailwind Color Variables

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

:root {
/* Yoimiya Genshin Impact Palette */
--yoimiya-genshin-impact-flamingo: #F36A2B;
--yoimiya-genshin-impact-maize: #EFD0A6;
--yoimiya-genshin-impact-golden-grass: #D9A12B;
--yoimiya-genshin-impact-flush-mahogany: #C83B3E;
--yoimiya-genshin-impact-wheat: #F6D2B3;
}

Yoimiya CSS Gradients

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

Click to Copy CSS
Flamingo to Flush Mahogany#F36A2B → #C83B3E
Click to Copy CSS
Golden Grass to Flamingo#D9A12B → #F36A2B

Yoimiya Color Scheme Breakdown

Flamingo#F36A2B

This vivid orange appears most strongly in Yoimiya’s outfit accents and firework-themed motifs, echoing her Pyro identity and the explosive, celebratory energy of Naganohara fireworks craftsmanship.

Maize#EFD0A6

A warm sandy-beige shows up across her sleeveless top and fabric panels, grounding the design with a traditional festival-clothing feel while keeping the overall palette sunlit and friendly.

Golden Grass#D9A12B

Golden-yellow is prominent on rope ties, ornaments, and small decorative trims, reinforcing the festive Inazuman artisan vibe and suggesting sparks, lantern light, and firework embers around her.

Flush Mahogany#C83B3E

This strong crimson-red is visible in key clothing details and ribbon-like elements, adding dramatic contrast and signaling Pyro intensity—like the concentrated core of a firework burst.

Wheat#F6D2B3

A soft peach tone aligns with her skin and warm highlights near the face, supporting her cheerful personality and keeping the character’s overall look bright, approachable, and summer-festival themed.

Yoimiya 60-30-10 Design Rule

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

60% Background
#F6D2B3
30% Primary
#C83B3E
10% Accent
#F36A2B

Use Wheat (#F6D2B3) for large background spaces, Flush Mahogany (#C83B3E) for primary text and structural UI elements, and vibrant Flamingo (#F36A2B) exclusively for call-to-action buttons and important highlights.

Yoimiya UI Component Preview

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

Yoimiya

Firework Pyro Artisan

“Come on, everyone! Let’s light up the sky!”

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

  • Main LED: 243, 106, 43
  • Accent LED: 239, 208, 166

The Design Philosophy behind Yoimiya’s Palette

The design philosophy behind Yoimiya’s palette emphasizes narrative clarity and emotional resonance: saturated action colors represent her Pyro element and firework craft while warm neutrals anchor the look in festival tradition. Developers combine high-energy hues (like #F36A2B Flamingo and #C83B3E Flush Mahogany) with mid-tone ornaments (#D9A12B Golden Grass) and soft skin highlights (#F6D2B3 Wheat, #EFD0A6 Maize) to create readable silhouettes and focal points during animation. This approach supports gameplay readability—skills and effects pop—while maintaining cultural and character authenticity. For anyone searching Yoimiya color codes or a faithful HEX palette, the result is both thematically coherent and visually striking.

Best Yoimiya Color Combinations

Festival Flame Duo

Flamingo and Flush Mahogany form a high-energy focal pair ideal for call-to-action buttons or explosive visual accents due to their warm, contrasting red-orange intensity.

Warm Grounding Accent

Golden Grass with Wheat creates a sparkling-but-soft combination suited for backgrounds, trims, and subtle highlights that suggest lantern light without overpowering content.

Download Yoimiya Genshin Impact Color Palette

ASE

Yoimiya .ASE Swatches

For Adobe Swatches & Procreate

SVG

Yoimiya .SVG Palette

Vector Color Palette

PNG

Yoimiya .PNG Image

High-Quality Palette Preview

FAQs about Yoimiya Genshin Impact Color Codes

What is Yoimiya’s primary firework/pyro color?

The primary pyro color is #F36A2B (Flamingo).

Which HEX represents Yoimiya’s main outfit and festival tones?

Key outfit and festival tones are #EFD0A6 (Maize) and #D9A12B (Golden Grass) for fabric and ornament details.

What are the accent or highlight HEX codes on Yoimiya?

Accents and skin/highlight tones include #C83B3E (Flush Mahogany) for ribbons and #F6D2B3 (Wheat) for warm facial highlights.

Copied